使用Firebug编辑后保存操作的DOM/HTML

Question

假设我已经在一个随机网站上启用了Firebug并启动了Firefox(比如slashdot.org).加载网站后,我开始使用Firebug > HTML面板编辑页面.到目前为止一切顺利:我的更改在Firefox中立即可见.

我的问题:

• 如何保存已编辑的DOM树(表示为HTML)？
• 如何将以前操作的DOM树/ HTML文件加载到页面的"原始上下文"中(示例中为slashdot.org)？我想要原始上下文,以便正确加载所有引用实体(CSS,图像等).

Answer 1

您无法保存树本身,只能保存HTML.选择根标签,右键单击,然后选择Copy HTML,然后粘贴到文本编辑器中并保存到HTML文件.

Answer 2

如何保存已编辑的DOM树(表示为HTML)？

Firebug不包含任何可用于将当前DOM保存到文件的方法.但是,您可以将Firebug与Web Developer扩展一起使用,以将DOM保存到文件(表示为HTML).

完成操作Firebug中的DOM后,选择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.完成!