您如何保存/导出Firebug中所做的更改?


10

使用Firebug编辑CSS,如何保存/导出对CSS所做的更改?

工具: FirefoxFirebug


重要更新:如果您知道在FireFox标签上锁定前进/后退/刷新的方法,请告诉我。否则,我放弃了将FireBug / FireDiff用作CSS的IDE,这很好,但是大声笑...在错误的时间按退格键,所有工作都消失了...很有趣。因此,就像浏览器在Firebug中突出显示CSS / HTML一样。知道这样做的任何优秀CSS编辑器吗?确实有希望FireBug可以工作,但目前仅认为它适合临时检查和测试。意味着将其用于制造用途。


更新:

@Lèsemajesté:作为更新,“ Web Developer插件 ”确实允许您编辑CSS,但不允许您编辑/保存Firebug所做的CSS更改。意味着您使用Firebug标识ID并可能测试更改,但是它不允许您保存Firebug中的更改。这里是“如何”介绍如何将它们一起使用的方法:FF + FB + WD

@Lèsemajesté:还在和FireDiff一起。它可以正常工作,已经找到了一个错误(尽管我只是在解决它),并且没有能够找到的“方法”,所以我只是尝试每个功能并单击...(对于例如,要导出差异,您必须在列表的最后一项上,右键单击,然后选择“保存差异”。“。diff”只是一个文本文件,不知道为什么此时的扩展名是.diff。 。

Answers:



2

我很确定Firebug不会记录更改,因此您必须有一点创意。您可以复制HTML / CSS并将其粘贴到txt文件中。然后,您可以使用比较软件来识别所做的更改。我使用文本编辑器内置了此功能,但是我敢肯定有很多可用的选项。


2

您正在寻找Backfire,一种客户端/服务器脚本(当前为javascript / C#)。它不需要Firebug(它不是Firebug插件),并且可以在Firefox和基于Webkit的浏览器中使用。借助Backfire,您可以根据需要更改页面的状态(Firebug是一种很好的方法),然后单击“保存”按钮将更改保存到服务器。

在实现方面,单击“保存”后,服务器端代码将收到包含更改列表的帖子,当您下载Backfire时,您将看到一个示例实现,其中显示了如何将更改存储在CSS文件中。它可以跨多个文件运行,并且(在Firefox中)可以使用速记CSS规则等,所有这些都可以保持原始CSS文件的结构。


(+1)太好了,谢谢!它如何与代码挂钩?它仅适用于平面文件,还是可以设置为与版本控制系统对话而不用编写自定义代码?还猜测这意味着我也必须在服务器的后台运行dot.NET,对吗?
失误

@blunders它是开源的,因此您可以自己查看它的工作方式。基本上,它以json格式将更改列表发送到服务器,并且使用正则表达式对数据进行解析,并与css文件中的原始行进行匹配。然后,用新数据更新css文件。示例实现是.NET,但是任何程序员都可以轻松地用PHP或其他方式编写类似的代码,因为这很简单。
拉胡尔

2

使用cssUpdater(在Google搜索“如何保存Firebug更改”时的第一个真正的发现)。有了它,您只需单击一下FireBug即可保存FireBug更改(即使具有FTP支持)。有关更多信息,请访问http://cssUpdater.com

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.