Почему структура DOM не видна в исходном коде? - PullRequest
Новая
       1

Почему структура DOM не видна в исходном коде?

0 голосов
/ 28 декабря 2018

Если я нажимаю right click->wiew source на некоторых сайтах (например, keep.google.com), я не вижу DOM.Я получаю пакет JavaScript вместо <body><div>...</div></body> структуры.Однако, если я пойду right click->inspect element, я смогу связаться с DOM с помощью Chrome Developer Tools.

1) Почему я не могу получить доступ к DOM из исходного кода?

2) Как я могу получить программный доступ к DOM?

Я просмотрел несколько руководств по node.js, но не знаю, нахожусь ли я на правильном пути.

Ответы [ 2 ]

0 голосов
/ 28 декабря 2018

Нажмите клавишу F12 в вашем браузере, и он должен открыть инструменты разработчика.В зависимости от браузера, который вы используете, у вас будут разные вкладки, на одной из которых вы сможете отлаживать свой Javascript.

1) Вместо просмотра исходного кода перейдите на вкладку « Elements ».Если щелкнуть правой кнопкой мыши определенный элемент в браузере с открытой вкладкой и выбрать параметр Проверка элемента , вы попадете к этому элементу.

HTML Elements/list of scripts, basically view source view

2) Чтобы получить программный доступ к DOM (или отладить ваш код), вам нужно нажать на вкладку « Sources ».Вам нужно будет открыть конкретный файл и разместить точки отладки, как это применимо, и нажать F11, чтобы перейти к следующей точке, F8 - к следующей точке отладки и другим вещам.

Вы также можете добавить console.log () кувидеть конкретные точки данных, без ручной отладки.

Debugger for Javascript

0 голосов
/ 28 декабря 2018

Если ваш HTML-код создается динамически с помощью JavaScript, окончательный HTML-код не будет отображаться в исходном коде с сервера.Но в DevTools вы сможете проверять эти динамически созданные элементы после их создания.

Опция View Source показывает источник непосредственно с сервера.

Опция Inspect Element показываеттекущий DOM, включая все динамически созданные элементы.

Есть ли способ получить определенный элемент с динамически создаваемого веб-сайта, используя, например, JavaScript?

Без какой-либо системы для запуска этого кода JavaScript, и тому подобное, нет, не совсем.Это попадает в действительно сложную ситуацию.Вот почему для целей SEO динамически созданные элементы все еще не приветствуются.Крупные сканеры научились обнаруживать эти динамически созданные элементы, запустив код JavaScript, а затем увидев результат DOM.

Вы можете посмотреть какой-нибудь тип системы безголового браузера или что-то в этом роде.Но, конечно, это может привести к некоторым проблемам безопасности.

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

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

...