css - Firebug FireDiff - 如何保存整个 CSS 文件？

Question

我正在使用 Firebug 和 FireDiff 修改 CSS。我有过几次“意外”，我“保存了一个快照”，但实际上只是保存了一个差异(一两个更改)，将其上传到我的网络服务器并用一个片段覆盖了整个 CSS 文件。幸运的是，我一直在进行定期备份。

问题:如何确保保存整个文件 - 使用 Firebug 本身或 FireDiff？

Answer 1

Firebug

使用 Firebug 本身，您可以按照以下步骤保存 CSS:

1. 完成更改后切换到 CSS panel
2. 从 CSS Location Menu 中选择修改后的 CSS 文件
3. 按Ctrl+A选择整个CSS并通过Ctrl+C或右键复制- 单击选择并从上下文菜单中选择复制
4. 将 CSS 粘贴到您选择的文本编辑器中并保存

FireDiff

使用 FireDiff 的步骤有点不同:

1. 完成更改后切换到更改面板
2. 在更改日志中，右键单击您对要保存的文件所做的 CSS 更改，然后从上下文菜单中选择保存快照
3. 在保存对话框中输入文件名并保存

注意事项:FireDiff 需要另一个名为 Fireformat 的扩展保存快照。

正如“快照”一词所示，FireDiff 会保存文件，包括您选择的文件之前的所有更改。如果要保存文件的当前状态，则需要选择对该文件的最后更改。

对于这两种方法，您都需要注意将 CSS 保存在哪个文件中。对于内联 CSS，即通过 <style> 将 CSS 包含在 HTML 输出中标记您需要将 CSS 保存回 HTML 输出。

其他扩展

除了在 Firebug 中执行此操作或使用 FireDiff 之外，还有 Firebug extensions ，它声称允许您通过 FTP 将您的更改直接上传到您的服务器。这些扩展名是 cssUpdater和 FireFile .尽管它们似乎不再被维护并且可能不适用于当前版本的 Firebug。