是否可以在本地保存 Firebug 中的更改？答案

【问题标题】：Is it possible to save changes in Firebug locally?是否可以在本地保存 Firebug 中的更改？
【发布时间】：2017-03-20 03:44:27
【问题描述】：

我正在尝试使用 Firebug 在不同站点上保存我对 CSS 和 HTML 所做的更改。

明确一点，我不期望 Firebug 通过 FTP 或其他方式将更改上传到服务器。我只想在本地保存更改，所以只有我能看到它们。

例如，我看到一些 Firefox/Chrome 扩展程序在 Youtube 上的每个视频下添加了一个下载按钮，所以我知道有可能以某种方式做到这一点。

如果您有不同的方式来实现我想要做的事情，我会很高兴听到的。

（不一定是 Firebug。）

提前致谢！

【问题讨论】：

澄清一下，您希望能够在本地更改页面并在以后加载同一页面时让这些更改“持久”，而不必在服务器上进行任何更改，例如当您使用flash 或 adblocker 并告诉它在加载时总是从页面中删除一些内容。
这个插件只能在firefox上工作？ chrome有插件吗？
cssUpdater，可以在本地保存来自 css 文件的更改，也可以从 FTP 保存更改。 http://www.cssupdater.com

【解决方案1】：

如果您不介意使用Web Developer Toolbar，则可以轻松保存对 DOM（和 CSS）所做的更改。

安装工具栏后，您将获得一个“查看源代码”菜单，单击该菜单并选择“查看生成的源代码”。然后只需将其复制并粘贴到 .html 文件中即可。

你没有说如果你改变你的 HTML 或 CSS，如果 CSS，FireFile 是一个非常好的插件。

编辑，通过一些谷歌搜索，我找到了FireDiff，它声明它可以导出在 Firebug 中所做的更改，我还没有测试它，值得一试。

【讨论】：

【解决方案2】：

您可以尝试使用Greasemonkey。

它支持添加在您加载页面时运行的自定义脚本（链接到应该加载的页面），并且可以动态更改页面。

【讨论】：

【解决方案3】：

http://chrispederick.com/work/web-developer/ Web 开发人员工具栏可让您将用户样式表添加到应该实现您的目标的网站。

【讨论】：

【解决方案4】：

这可能是也可能不是您所要求的，但您可以下载扩展 FireDiff 以保存使用 FireBug 所做的更改。我在这里做了一个关于如何做的小教程：https://www.youtube.com/watch?v=m4OmZLX2zd4

【讨论】：

【解决方案5】：

我有一个有点相似的用例，但我以不同的方式解决了。我不确定它是否是您正在寻找的东西。我将描述行为，如果有帮助，我将准确解释我是如何实现它的。

我更改了单击“运行”（或 Ctrl+Enter）时执行的代码，以检查代码的第一行是否为硬编码字符串 //LoadFromFile:<file path>。如果是，并且文件存在，那么我将文件从本地文件系统中拉出并运行它，而不是在控制台窗口中执行代码。这样我就可以使用外部文本编辑器来编写代码。

【讨论】：