Инструменты разработчика Chrome не могут отображать тег <pre> на вкладке "Просмотр сети"> "Предварительный просмотр"

Question

Я использую PHP с Xdebug. Вчера все было в порядке, но сегодня у меня есть одна проблема: мои инструменты разработчика Chrome не могут отображать HTML, отформатированный в Xdebug, все строки объединяются в одну строку.

RAW HTML в Network->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 дисплеи:

Заголовки Respone 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

У меня была та же проблема с использованием Chrome версии 61.0.3163.79 на Ubuntu Linux.

Я переключился на браузер Chromium версии 60.0.3112.113, и вывод xdebug был в порядке.

Я думаю, что это проблема версии Chrome.

Answer 4

Ошибка была исправлена. Протестировано на версии 70.0.3538.77 (официальная сборка) (64-битная версия)