Как создается страница результатов поиска для Google?

Question

Изначально я хотел спросить, почему «Осмотрите элемент» и «Просмотр» опционами на Google Chrome были возвращающиеся различные результаты для страницы, содержавшие результаты поиска запроса на Google, как это:

Потом я узнал из следующих ссылок, когда «View Source», он показывает сырой HTML с сервера, как получил, и когда вы «Проверьте элемент» он показывает код, полученный после построения DOM дерево:

Chrome: Inspect Element vs View Source chrome: difference page source and inspect element? http://productforums.google.com/forum/#!topic/chrome/46KsUR20Erc

Хорошо, так что я получаю это - возможность инспектировать элемент позволяет браузеру построить дерево DOM и, следовательно, я вижу тегами «Н3» для заголовка каждого результата поискового запроса; но мне интересно, что создал этот тег? Если я сделаю простой «источник просмотра» на странице результатов и посмотрю текст «h3», я должен увидеть что-то в порядке? Может быть, не совсем так, как , но, вероятно, что-то еще?

Answer 1

возможность инспектировать элемент позволяет браузеру построить DOM-дереву

No. Браузер строит DOM дерево из HTML. Затем он модифицирует его, как того требует любой JavaScript. Инспектор DOM предоставляет другой интерфейс для него, дерево уже построено.

Если я делаю простой «источник просмотра» на странице результатов и ищу текст «h3», я должен уметь что-то видеть правильно?

Только если он появился в HTML и не был создан Javascript.