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

时间:2014-11-29 22:08:09

标签: css firebug

我正在使用Firebug和FireDiff修改CSS。我发生了几起意外事故。我已经保存了一张快照'但实际上只是保存了一个差异(一个或两个更改),将其上传到我的Web服务器并用一个片段覆盖了完整的CSS文件。幸运的是,我一直在定期备份。

问题:如何确保保存整个文件 - 使用Firebug本身还是FireDiff?

1 个答案:

答案 0 :(得分:0)

萤火虫

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

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

    使用FireDiff,步骤有点不同:

    1. 完成更改后,切换到更改面板
    2. 在更改日志中右键单击您对要保存的文件所做的CSS更改,然后从上下文菜单中选择保存快照 Save snapshot option in FireDiff
    3. 在保存对话框中输入文件名并保存
    4. 备注: FireDiff需要另一个名为Fireformat的扩展来保存快照。

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

      对于这两种方法,您需要注意保存CSS的文件。如果是内联CSS,即通过<style>标记包含在HTML输出中的CSS,则需要将CSS保存回HTML输出。

      其他扩展

      除了在Firebug中使用FireDiff或使用FireDiff之外,还有Firebug extensions,它声称允许您通过FTP将更改直接上传到服务器。这些扩展程序为cssUpdaterFireFile。虽然它们似乎不再被维护,但可能无法与当前版本的Firebug一起使用。