Как просмотреть "сгенерированный HTML-код" в Firefox?
При использовании Firebug, мы можем нажать на вкладку HTML, и нажмите, чтобы развернуть каждый элемент, чтобы увидеть сгенерированный HTML-код. Есть ли способ развернуть все это или получить простой текстовый файл?
Я просто случайно узнал, что там даже не нужно быть огненным жуком. Мы можем просто нажать CTRL-A (чтобы выбрать все) на веб-странице, а затем щелкнуть правой кнопкой мыши и выбрать "Просмотреть источник выбора", после чего мы получим обычный текстовый файл "текущего HTML-кода", даже увидим <div>, то есть панель Firebug, которая находится перед тегом <body>, Если Firebug открыт. Но это кажется странным способом вызвать это. Есть ли другой способ?
(Update : сгенерированный HTML обычно ссылается на HTML после того, как JavaScript изменяет DOM. Это текущее дерево DOM вместо исходного кода)
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, '&').replace(/</g, '<') + '</pre></html>'); win.document.close(); void 0;
С помощью надстройкипанель инструментов веб-разработчика выберите Источник представления - просмотр сгенерированного источника . И если вы хотите просмотреть исходный источник, выберите просмотреть Источник - просмотр источника (или просто нажмите CTRL-сдвиг-U )
Используя Firefox DevTools (интегрирован в FF начиная с версии 35), вы можете просмотреть сгенерированный HTML, открыв веб-инспектор (CTRL-сдвиг-C ) и выбор вкладкиHTML .
Вы можете скопировать созданный HTML, щелкнув правой кнопкой мыши на
<html>и выбравкопировать внутренний HTML .
Не знаю, правильно ли я понял ваш вопрос, но здесь есть кое-что действительно простое, и вам не понадобится еще один аддон.
Каждый браузер имеет собственную функцию для просмотра исходного кода фактической страницы, просто щелкните правой кнопкой мыши и найдите что-то, что напоминает "исходный код" или "код".
В Firefox, например, это просто "Souce-code", в Chrome это" View Page Source " и так далее.
Как говорится, панель инструментов веб-разработчика действительно отличный аддон, особенно если вы делаете CSS тоже.
Comments