Заставить Chrome Inspector показывать реальный исходный код вместо его интерпретации

Question

Chrome Inspector довольно аккуратен при просмотре вашего HTML / JS в приложении, но теперь я заметил, что он не отображает источник real , а показывает, как он работает. интерпретировал вашу страницу.

Иногда это может усложнять или сбивать с толку, потому что ошибка на самом деле вызвана поведением, которое инспектор отказывается показывать, а вместо этого требует, чтобы вы посмотрели на страницу через View Source, чтобы увидеть.

Например, если вы вложите две формы (что недопустимо в html), инспектор вместо этого покажет, что закрывает первую форму перед открытием второй, что выглядит так, как будто все в порядке.

Я также видел, как он удалял атрибуты, которые он не понимал, менял кавычки на разные и делал еще несколько странных вещей, которые усложняли жизнь программисту-отладчику.

Есть ли способ отключить эту функцию и заставить инспектора показать вам, что она действительно читала?

Answer 1

Инспектор не показывает исходный HTML-код страницы, вместо этого он отображает HTML представление текущего DOM. Когда HTML сначала анализируется, проверяется и исправляется перед сборкой DOM. В это время ошибки, такие как вложенные формы, решаются. Если вы хотите просмотреть исходный источник страницы, щелкните правой кнопкой мыши страницу и выберите «Просмотр источника».