Почему Chrome Developer Tools вставляет HTML? - PullRequest
Новая
       1

Почему Chrome Developer Tools вставляет HTML?

1 голос
/ 04 октября 2011

У меня есть HTML-страница с одной строкой кода: 

<p>Hello World</p>

При открытии инструментов разработчика и переходе на вкладку элементов появляется следующий код: 

<html>
    <head></head>
    <body>
      ""
      <p>Hello World</p>
    </body>
</html>

ПочемуИнструменты разработчика добавляют это и можно ли это предотвратить?

Ответы [ 2 ]

5 голосов
/ 04 октября 2011

Потому что вы смотрите на DOM в инструментах разработки. Это то, что браузер делает с HTML, чтобы показать вам вашу страницу.

Точно так же, если вы просматриваете таблицу, в которой отсутствует элемент <tbody> в HTML. Этот элемент все еще существует в DOM.

То, что оно есть в инструментах разработки, не означает, что оно в HTML.

РЕДАКТИРОВАТЬ: Используйте просмотр источника / ресурсов в инструментах разработчика, чтобы проверить, что сервер отправляет.

2 голосов
/ 04 октября 2011

Это потому, что он показывает, что говорит DOM; так что, в конце концов, браузер исправляет HTML. Первый показанный вами фрагмент не является допустимым HTML и фактически не может быть отображен браузером, поэтому сначала он добавляет некоторые элементы, чтобы сделать его несколько действительным, и сохраняет , что , в DOM и отображает страницу.

Этого нельзя предотвратить, если бы вы могли также остановить браузер от рендеринга большинства страниц, и я сомневаюсь, что вы захотите этого :). (почти каждый сайт содержит подобные ошибки)

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

Нет похожих вопросов

...