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

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

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

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

Ответ 1

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

Без надстроек Firefox вы можете использовать bookmarklet следующим образом:

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;

Ответ 2

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

Ответ 3

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

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

Ответ 4

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

Ответ 5

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

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

В Firefox, например, это просто "Souce-code", в Chrome это "View Page Source" и т.д.

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