Сохранение управляемой DOM/HTML после ее редактирования с помощью Firebug

Ответ 1

Как сохранить отредактированное дерево DOM (представленное как HTML)?

Firebug не содержит никакого метода, который можно использовать для сохранения текущей DOM в файл. Однако вы можете использовать Firebug вместе с расширением Web Developer для сохранения DOM в файл (представленный как HTML).

После того, как вы закончите манипулирование DOM в Firebug, выберите Web Developer (toolbar at the top) > View Source > View Generated Source > Archive > Save Page As....

Как загрузить ранее обработанный файл DOM/HTML файл в "исходный контекст" страницы (slashdot.org в примере)? Я хочу исходный контекст, чтобы все объекты ссылок (CSS, изображения и т.д.) Загружались правильно.

Firebug не содержит метода перепрочтения ранее сохраненного дерева DOM в "текущем контексте" страницы. Однако, если мы используем Firebug вместе с расширением Web Developer, мы можем достичь требуемой функциональности. Просто откройте ранее сохраненный HTML в редакторе, таком как Блокнот, и скопируйте HTML на клип-панель. Затем выберите Web Developer > Miscellaneous > Edit HTML и вставьте HTML. Готово!

Ответ 2

Вы не можете сохранить дерево как таковое, только HTML. Выберите корневой тег, щелкните правой кнопкой мыши и выберите Copy HTML, затем вставьте его в текстовый редактор и сохраните в файл HTML.

Ответ 3

Я не уверен, что вы подразумеваете под "исходным контекстом", но вы можете попробовать добавить следующее в заголовок сохраненного HTML.

<base href="http://slashdot.org/" />

Ответ 4

Когда вы находитесь в разделе HTML firebug, там есть кнопка "Изменить" на панели чуть ниже главной панели инструментов firebug. Нажатие этой кнопки дает вам простой текстовый вид HTML (с любыми внесенными вами изменениями), которые вы можете скопировать в текстовый редактор.

Ответ 5

Я думаю, что это хороший вопрос, короче говоря, firebug не предназначен для "сохранения" ваших изменений, поэтому я бы предложил найти рабочий поток, где вы никогда не слишком "глубоко" на странице. Одна вещь - сохранить HTML, но сохранить отредактированный CSS еще сложнее. Вот мои решения на ваши вопросы:

• Нажмите на тег HTML, нажмите "Изменить". Скопируйте и вставьте в другой текстовый файл.

• Вы не можете "перезагрузить" firebug, управляемый HTML. Однако вы можете скопировать управляемый HTML после того, как вы довольны результатами (или недовольны). Либо сохраните его на клипе, чтобы скопировать его в текстовый файл, а затем, когда вы хотите снова его использовать, вам нужно скопировать его обратно в консоль редактирования firebug.

Ответ 6

Попробуйте cssUpdater, он состоит из добавления FireFox, который прослушивает ваши изменения FireBug css на сервере сокетов и позволяет синхронизировать исходные исходные файлы css. Вам также необходимо установить приложение Desktop.

Итак, рабочий процесс будет следующим:

• Изменить в FireBug
• Нажмите кнопку sync в cssUpdater
• Загрузите свой сайт и убедитесь, что ваши изменения сохранены.

Вы можете протестировать и использовать его здесь, http://www.cssupdater.com

Ответ 7

Файл → Сохранить страницу Поскольку... сохранит измененную разметку как HTML, но, похоже, вы также можете сохранить некоторый контент, созданный Firebu (я думаю, именно то, что зависит от вашей версии Firebug).

Ответ 8

Одна вещь, которую вы можете попробовать, - это выбрать веб-страницу (щелкните правой кнопкой мыши, выберите все из всплывающего меню), а затем выберите View Selection Source. Это должно показать вам измененный HTML в исходном окне, которое вы затем можете скопировать и сохранить в редакторе. Вы можете получить дополнительный материал, добавленный Firebug, который вы можете удалить в текстовом редакторе.

Ответ 9

Вы можете настроить внешний редактор. Откройте firebug, слева у вас есть значок firebug, нажмите его и нажмите "Открыть" в редакторе, а затем настройте редакторов. Он работает с Gedit и Bluefish.

Чтобы настроить gedit: откройте редактор настройки FireBug и нажмите "Добавить", назовите его gedit, а затем просмотрите исполняемый файл в 'usr/bin' и выберите или введите gedit. Вы можете проверить конфигурацию перед сохранением.