Firefox DevTools控制台不再显示XHR请求HTML预览求助

以下是针对你遇到的问题的可行解决方法：

1. 重置开发者工具配置 #

开发者工具的本地配置可能在版本更新后出现异常，重置能恢复默认状态：

• 打开开发者工具（快捷键F12/Ctrl+Shift+I）
• 点击右上角的齿轮图标进入设置
• 拉到页面底部，点击「重置所有工具设置」
• 重启Firefox后再测试XHR请求的Answer标签页

2. 确认响应内容类型与渲染选项 #

Firefox只会自动渲染Content-Type为text/html的响应：

• 到Network标签页找到目标XHR请求，查看「响应头」里的Content-Type字段
• 如果返回的是text/plain或其他类型，需要调整后端输出，确保返回正确的HTML类型头
• 另外检查Answer标签页右上角，有没有勾选「强制文本模式」（部分版本显示为「显示为文本」），取消勾选即可

3. 排查扩展冲突 #

第三方扩展可能干扰开发者工具的功能：

• 打开附加组件管理器（Ctrl+Shift+A）
• 暂时禁用所有扩展，尤其是和开发者工具、网络监控相关的插件
• 重启浏览器测试功能，之后再逐个启用扩展，找出冲突的那个

4. 测试Firefox其他通道版本 #

如果是稳定版的Bug，可以试试Beta或Nightly通道：

• 下载对应通道的安装包，选择「不替换现有版本」安装
• 在新浏览器里打开相同页面测试，要是功能恢复，说明稳定版有Bug，要么等修复，要么暂时用Beta/Nightly

5. 临时手动渲染（应急方案） #

如果上面的方法都没用，可以用控制台手动渲染：

• 在Network标签页复制目标XHR的响应HTML代码
• 打开Console标签页，执行这段代码：

  const tempEl = document.createElement('div');
  tempEl.innerHTML = /* 把复制的HTML代码粘贴到这里 */;
  document.body.appendChild(tempEl);
  

• 页面会插入渲染好的HTML，Typo3的调试内容就能正常展开交互了

内容的提问来源于stack exchange，提问作者Swissdude