как получить полностью вычисленный HTML (вместо исходного HTML)?

Учитывая веб-страницу, которая использует много JavaScript для генерации своего HTML, как я могу получить окончательный вычисленный HTML, анализируемый браузером, вместо исходного HTML? Другими словами, предположим, что на странице есть множество тегов, окружающих функции javascript, которые , при вызове возвращать некоторый HTML. Когда я просматриваю исходный код страницы, я вижу вызов функции скрипта, а не создаваемый ею HTML.

Как мне получить все? е HTML, созданный веб-страницей?

Я заметил, что Firebug, похоже, может видеть HTML вместо скриптов, но, похоже, у него нет способа сохранить всю страницу, только ее небольшие сегменты.

Обновление:

Спасибо за все ответы. Однако я все еще не получаю HTML-код, который вижу в консоли Firebug, с помощью любого из этих методов. В моем примере страницы я использую вкладку «Информация» в моем профиле Facebook. Если вы просмотрите исходный код на этой странице, вы увидите множество скриптов с заголовком big_pipe.onPageletArrive (). Однако, если вы посмотрите на это в Firebug, каждый из этих вызовов функций преобразуется в HTML. Я попробовал щелкнуть правой кнопкой мыши тег в Firebug, просмотреть созданный исходный код на панели инструментов Webdev и предложить Chrome, но все они выдают мне вызов сценария, а не HTML.

Есть ли другие идеи?

Обновление 2:

Когда я сказал, что каждая из этих функций выполняет рендеринг в HTML в Firebug, я был не совсем прав. Они отображаются только в том случае, если я выберу их на странице и щелкну правой кнопкой мыши -> Проверить элемент. Затем кажется, что он это отображает. Так что, возможно, у меня возник вопрос, как заставить Firebug автоматически отображать весь HTML, чтобы вы могли его выбрать и сохранить? (Или я открыт для любого другого решения для получения этого HTML).

34
задан mix 15 June 2011 в 21:27
поделиться

1 ответ

document.getElementById('awesomeness').textContent = document.documentElement.outerHTML.replace(/<\/\w+>/g, (e) => e + '\r\n');
<div id="awesomeness" style="overflow:scroll;width:100%;height:100%;white-space:pre;"/>

так да, используйте это...

0
ответ дан 27 November 2019 в 17:08
поделиться
Другие вопросы по тегам:

Похожие вопросы: