Chrome -> 检查元素 -> 网络 (XHR) -> 预览选项卡 (HTML) 问题答案

【问题标题】：Chrome -> Inspect element -> Network (XHR) -> Preview Tab (HTML) issueChrome -> 检查元素 -> 网络 (XHR) -> 预览选项卡 (HTML) 问题
【发布时间】：2012-05-24 20:30:23
【问题描述】：

我在使用网络部分的预览选项卡时遇到问题。返回 HTML 时，我会在预览和响应中看到原始 HTML。有时，但很少见，我的 HTML 会在预览选项卡中正确呈现。

是我做错了什么还是只是 Chrome 的一些错误？

谢谢

【问题讨论】：

由于这是我输入的搜索词在谷歌上的第一个结果，我也想知道。我注意到 Slim 框架通常具有渲染预览，但当我只是执行 vardump 时却没有。我认为这与确保正确的标记有关，例如 doc 类型、html、head、body 元素。

标签： google-chrome xmlhttprequest response preview inspect-element

【解决方案1】：

我也在测试这个。它对我来说是添加 http 标头。

header('HTTP/1.1 500 Internal Server Error');

当然还有一些适当的标记格式。但是我需要状态码来说服 chrome 呈现预览。

【讨论】：

太好了，我试过了，它可以工作，但是当我在 Zend 中使用它时遇到了问题。我想在预览选项卡中以 HTML 形式获取调试消息，因为在 html 代码中追踪错误原因令人沮丧。当错误出现时，这个错误代码标题会起作用，但是当没有错误时，这个标题行是不受欢迎的。也许一些 try-catch 会解决这个问题，但仍在寻找与此类似但更合适的解决方案，即 header('HTTP/1.1 200 Internal Server Error');但似乎只有 ERROR 标头强制 HTML 预览工作。干杯

【解决方案2】：

添加正确的Content-Type 标头后问题就解决了。如果是text-html，那么无论您从服务器发送什么内容，它都会像普通文本一样显示内容。我遇到了同样的问题，并通过在 $.ajax 选项中强制输出类型来解决它。当我将其更改为 application/json 并且它现在的格式很好。

【讨论】：

我认为如果您发送 Content-type text-html，它应该会在预览选项卡中为您呈现 HTML ......它不会