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