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

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

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

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

источник

2010-07-22 太極者無極而生

+1 для выбора области и щелкните правой кнопкой мыши и выберите «View Selection Source», который не требует дополнительных плагинов. – Morpork

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

Без Firefox Add-Ons, вы могли бы использовать 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;

источник

2010-07-24 07:58:56 user123444555621

Отличное решение.Это работает и в Chrome. – twasbrillig

Получены ошибки блокировки всплывающих окон. Отключено блокировщик всплывающих окон, все еще есть ошибки. Может иметь какое-то отношение к pdf.js. Обход проблемы: 'document.body.onclick = function() {/ * код * /};', а затем щелкните в любом месте документа. Там я исправил это! – Luc

хороший взлом, но нужно помнить, что пробелы теряются. – nerdess

С Web Developer toolbar дополнения, выберите View Source - Просмотр сгенерированного источника. И если вы хотите, чтобы просмотреть оригинал, выберите View Source - View Source (или просто нажмите CTRL - SHIFT - U)

источник

2010-07-23 00:02:12

Превосходный инструмент. Это настолько обширно по сравнению с FF devtool – ThePhi

-1

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

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

В Firefox, например, это всего лишь «Souce-code», в Chrome это «View Page Source» и так далее.

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

источник

2010-07-23 08:05:22

«сгенерированный HTML-код» обычно ссылается на HTML, сгенерированный Javascript, изменяющий DOM. результирующий HTML. –

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

источник

2010-07-31 16:37:52 MatrixFrog

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

Вы можете скопировать созданный HTML, нажав правую кнопку мыши на <html> и выбрав Скопируйте внутренний HTML.

источник

2016-01-21 09:37:35 gioele

Это не похоже на сгенерированный источник (т. Е. Не отражает изменения, сделанные JavaScript). Возможно, изменено в Firefox 57? –

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

ответ

Смежные вопросы