Как просмотреть "сгенерированный HTML-код" в Firefox?

при использовании Firebug мы можем щелкнуть вкладку HTML и развернуть каждый элемент, чтобы увидеть сгенерированный HTML-код. Есть ли способ развернуть все это или получить текстовый файл?

Я просто случайно узнал, что даже не нужно быть Firebug. Мы можем просто нажать CTRL-A (чтобы выбрать все) на веб-странице, а затем щелкнуть правой кнопкой мыши и выбрать "Просмотреть источник выбора", затем мы получим текстовый файл" текущий HTML-код", даже увидим <div> Это Firebug панель, которая находится перед <body> тег, если Firebug открыт. Но это кажется странным способом вызвать это. Есть ли другой способ?

(обновление: сгенерированный HTML обычно относится к HTML после того, как JavaScript изменяет DOM. Это текущее дерево DOM вместо исходного исходного кода)

29
code-generation firebug firefox firefox-addon web-developer-toolbar

5 ответов

на вкладке HTML Firebug щелкните правой кнопкой мыши корневой узел и выберите "Копировать HTML". Затем вставьте в текстовый редактор.

без дополнений Firefox вы можете использовать закладка такой:

javascript: var win = window.open(); win.document.write('<html><head><title>Generated HTML of  ' + location.href + '</title></head><pre>' + document.documentElement.innerHTML.replace(/&/g, '&amp;').replace(/</g, '&lt;') + '</pre></html>'); win.document.close(); void 0;
26

с панель инструментов веб-разработчика Добавить, выберите Посмотреть Источник - Просмотр Сгенерированного Источника. И если вы хотите просмотреть исходный источник, выберите Посмотреть Источник - Посмотреть Источник (или просто нажмите клавишу CTRL-SHIFT-U)

18

используя Firefox DevTools (интегрированный в FF с версии 35) , вы можете просмотреть сгенерированный HTML, открыв веб-инспектор ( CTRL- shift-C) и выбрав HTML-код tab.

вы можете скопировать сгенерированный HTML, щелкнув правой кнопкой мыши на <html> и выберите копировать внутренний HTML.

3

Если вы ищете программное решение, вы можете просто ввести документ в XMLSerializer.

0

Я не знаю, хорошо ли я понял ваш вопрос, но вот что-то очень простое, и вам не понадобится еще один аддон.

каждый браузер имеет собственную функцию для просмотра исходного кода фактической страницы, просто щелкните правой кнопкой мыши и найдите что-то похожее на "источник" или "код".

в Firefox, например, это просто "Souce-code", в Chrome это" источник просмотра страницы " и так далее.

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

-1