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

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

31 голосов
/ 23 июля 2010

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

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

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

Ответы [ 5 ]

27 голосов
/ 24 июля 2010

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

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

<code>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;') + '
');win.document.close ();пустота 0;
18 голосов
/ 23 июля 2010

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

3 голосов
/ 21 января 2016

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

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

0 голосов
/ 31 июля 2010

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

0 голосов
/ 23 июля 2010

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

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

Например, в Firefox это просто «Souce-код», в Chrome - «Просмотр исходного кода» и т. Д.

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

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...