Arhn - архитектура программирования

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

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

введите здесь описание изображения

введите здесь описание изображения

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

Chrome: проверка элемента и просмотр источника chrome: разница между источником страницы и элементом проверки? http://productforums.google.com/forum/#!topic/chrome/46KsUR20Erc

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


Ответы:


1

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

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

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

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

29.06.2013
  • Даже если он был сгенерирован JS, разве я не должен видеть h3 где-то в коде JS, который его генерирует? 30.06.2013
  • Нет. Есть много JS-файлов, поэтому вы можете их пропустить. Строка h3 может быть получена путем объединения других строк. h3 может исходить из HTTP-запроса, запускаемого JavaScript, а не встроенного в сам JS. 30.06.2013
  • Новые материалы

    Коллекции публикаций по глубокому обучению
    Последние пару месяцев я создавал коллекции последних академических публикаций по различным подполям глубокого обучения в моем блоге https://amundtveit.com - эта публикация дает обзор 25..

    Представляем: Pepita
    Фреймворк JavaScript с открытым исходным кодом Я знаю, что недостатка в фреймворках JavaScript нет. Но я просто не мог остановиться. Я хотел написать что-то сам, со своими собственными..

    Советы по коду Laravel #2
    1-) Найти // You can specify the columns you need // in when you use the find method on a model User::find(‘id’, [‘email’,’name’]); // You can increment or decrement // a field in..

    Работа с временными рядами спутниковых изображений, часть 3 (аналитика данных)
    Анализ временных рядов спутниковых изображений для данных наблюдений за большой Землей (arXiv) Автор: Рольф Симоэс , Жильберто Камара , Жильберто Кейрос , Фелипе Соуза , Педро Р. Андраде ,..

    3 способа решить квадратное уравнение (3-й мой любимый) -
    1. Методом факторизации — 2. Используя квадратичную формулу — 3. Заполнив квадрат — Давайте поймем это, решив это простое уравнение: Мы пытаемся сделать LHS,..

    Создание VR-миров с A-Frame
    Виртуальная реальность (и дополненная реальность) стали главными модными терминами в образовательных технологиях. С недорогими VR-гарнитурами, такими как Google Cardboard , и использованием..

    Демистификация рекурсии
    КОДЕКС Демистификация рекурсии Упрощенная концепция ошеломляющей О чем весь этот шум? Рекурсия, кажется, единственная тема, от которой у каждого начинающего студента-информатика..