Как я могу скопировать динамически сгенерированный исходный HTML из Интернета?

Question

В целях дизайна я хочу скопировать точный HTML-код, созданный некоторым JavaScript-кодом после загрузки страницы. Конечно, Firebug показывает мне, что происходит, но я просто хочу получить статический текст, который я могу скопировать и вставить по желанию.

Answer 1

Меню «Просмотр источника» Веб-разработчика Надстройка Firefox предлагает инструмент «Просмотр созданного источника».

Answer 2

Это можно сделать с помощью свойств innerHTML или outerHTML. Или просто в Firefox выберите ту часть, из которой вы хотите получить исходный код, и выберите Просмотреть выделенный источник из контекстного меню.

Answer 3

Вы можете скопировать HTML-код из firebug (или набора инструментов разработчика IE8) в ваш любимый текстовый редактор.

Answer 4

В Google Chrome выберите «Проверить элемент», затем щелкните правой кнопкой мыши и «Копировать как HTML»

Answer 5

Для IE / firefox работает следующий букмарклет: https://www.squarefree.com/bookmarklets/webdevel.html#generated_source

Для Google Chrome, щелкните правой кнопкой мыши на любом элементе и выберите опцию «Проверка элемента». Он покажет положение элемента в DOM. Теперь щелкните правой кнопкой мыши на

Для оперы, щелкните правой кнопкой мыши на любом элементе и выберите «Проверить элемент». Это запустит оперу Стрекоза. В окне стрекозы нажмите кнопку «Развернуть дерево DOM» (первая кнопка с точкой и двумя стрелками), а затем кнопку «Экспортировать текущую панель DOM» (вторая кнопка)

В IE откройте веб-страницу и нажмите F12, чтобы открыть инструменты разработчика. Нажмите View-> Source-> DOM (page) или нажмите Ctrl + Shift + G в окне инструментов разработчика. Это покажет полный в настоящее время видимый DOM.

Для Firefox, альтернативой является Расширение панели инструментов веб-разработчика и выберите Просмотр источника-> Просмотр сгенерированного источника в нем.

Answer 6

Вы также можете написать скрипт на Perl с помощью механизации библиотеки.