google-chrome - Chrome 开发者工具无法显示网络->预览选项卡中的标签

Question

我将 PHP 与 Xdebug 一起使用。昨天一切正常，但今天我有一个问题：我的 Chrome 开发工具无法显示 Xdebug 格式化的 HTML，所有行合并为一行。

选项卡中的 RAW HTMLNetwork->Response是这样的：

<pre class='xdebug-var-dump' dir='ltr'>
<small>C:\wamp\Debug.php:68:</small>
<b>array</b> <i>(size=18)</i>
  'name' <font color='#888a85'>=&gt;</font> <small>string</small> <font color='#cc0000'>'abc'</font> <i>(length=56)</i>
  'img' <font color='#888a85'>=&gt;</font> <small>string</small> <font color='#cc0000'>'http://product.net/1000169499.jpg'</font> <i>(length=69)</i>
</pre>

我已经通过http://htmledit.squarefree.com/进行了测试，它正常显示，但在Network->Preview显示中：

响应标题是Content-Type:text/html; charset=UTF-8

我正在使用 Chrome 版本 61.0.3163.79（官方版本）（64 位）。

如何解决这个问题？

Answer 1

我在 Chrome 团队中创建了一个错误

Answer 2

我发现你需要<pre></pre>在你的变量之间。我创建了一个片段来替换“vardump”：

foreach ($variable as $key => $reg) {
    echo "<pre>{$key} => '{$reg}'</pre>";
}
var_dump($variable);die;

Ps：我正在用最后一个 var_dump 重复数据以获取文件名和行

所以这个： 变成了这个：

让我知道这是否对您有帮助。

Answer 3

我在 ubuntu linux 上使用 chrome 版本 61.0.3163.79 时遇到了同样的问题。

我切换到 chromium 浏览器版本 60.0.3112.113 并且 xdebug 输出很好。

我认为这是一个 chrome 版本的问题。

Answer 4

错误已修复。在版本 70.0.3538.77（官方版本）（64 位）上测试