Сохранение DOM/HTML, которым управляют, после редактирования его с Firebug
Предположите, что я разжег Firefox с Firebug, включенным на случайном сайте (скажите что slashdot.org). После загружения сайта я начинаю редактировать страницу с помощью Firebug > HTML панель.Пока все хорошо: мои изменения сразу видимы в Firefox.
Мои вопросы:
- Как я сохраняю отредактированное дерево DOM (представленный как HTML)?
- Как я загружаю файл дерева/HTML DOM, которым ранее управляют, в "исходный контекст" страницы (slashdot.org в примере)? Я хочу исходный контекст так, чтобы все ссылочные объекты (CSS, изображения, и т.д.) загрузились правильно.
7 ответов
Как сохранить отредактированное дерево DOM (представленное как HTML)?
Firebug не содержит никаких методов, которые можно использовать для сохранения текущего DOM в файл. Однако вы можете использовать Firebug вместе с расширением Web Developer для сохранения DOM в файл (представленный как HTML).
После того, как вы закончите манипулировать DOM в Firebug, выберите Web Developer (панель инструментов вверху)> Просмотреть исходный код> Просмотреть созданный источник> Архив> Сохранить страницу как ... .
Как мне загрузить ранее измененное дерево DOM / HTML-файл в «исходный контекст» страницы (в примере - slashdot.org)? Мне нужен исходный контекст, чтобы все ссылочные объекты (CSS, изображения и т. Д.) Загружались правильно.
Firebug не содержит никакого метода для перечитывания ранее сохраненного дерева DOM в «текущий контекст» страницы. Однако, если мы будем использовать Firebug вместе с расширением Web Developer, мы сможем достичь запрошенной функциональности. Просто откройте ранее сохраненный HTML-код в редакторе, таком как Блокнот, и скопируйте HTML-код в буфер обмена. Затем выберите Веб-разработчик> Разное> Изменить HTML и вставьте HTML. Сделанный!
Когда вы находитесь в разделе HTML в firebug, на панели чуть ниже основной панели инструментов firebug есть кнопка «Изменить». Нажав на эту кнопку, вы увидите HTML-код в виде обычного текста (с любыми внесенными вами изменениями), который вы можете скопировать в текстовый редактор.
Вы не можете сохранить дерево как SE, только HTML. Выберите корневой тег, щелкните правой кнопкой мыши и выберите Скопируйте HTML , затем вставьте в текстовый редактор и сохраните в файл HTML.
Я думаю, что это хороший вопрос, короче говоря, firebug не предназначен для «хранения» ваших правок, поэтому я бы посоветовал найти рабочий процесс, в котором вы никогда не заходят слишком «глубоко» в страницу. Одно дело - сохранить HTML, но сохранить отредактированный CSS еще сложнее. Вот мои ответы на ваши вопросы:
Щелкните тег HTML, щелкните Изменить. Скопируйте и вставьте в другой текстовый файл.
Вы не можете «перезагрузить» HTML, обработанный firebug. Однако вы можете скопировать обработанный HTML-код после того, как будете довольны своими результатами (или недовольны). Либо сохраните его в своем буфере обмена, чтобы скопировать в текстовый файл, а затем, когда вы захотите использовать его снова, вам нужно будет скопировать его обратно в консоль редактирования firebug.
Файл → Сохранить страницу как ... сохранит вашу редактированную разметку в качестве HTML, но кажется, что вы также можете сэкономить некоторое время сгенерированного Firebu (я думаю, что ровно зависит от вашей версии Firebug).
Я не уверен, что вы имеете в виду под "исходным контекстом", но вы можете попробовать добавить следующее в заголовок сохраненного HTML.
<base href="http://slashdot.org/" />
Одно можно попробовать - выбрать веб-страницу (щелкните правой кнопкой мыши, выберите все из всплывающего меню), а затем выберите View Selection Source (Просмотр источника выбора). Это должно показать измененный HTML в исходном окне, который затем можно скопировать и сохранить в редакторе. Вы можете получить некоторые дополнительные вещи, добавленные Firebug, которые можно удалить в текстовом редакторе.