为什么我不能在Firebug中保存CSS更改？
Firebug是我用来编辑CSS的最方便的工具 - 那么为什么CSS没有一个简单的"保存"选项呢？
我总是发现自己在Firebug中进行调整,然后回到我原来的.css文件并复制调整.
有没有人想出更好的解决方案？
编辑:我知道代码存储在服务器上(大多数情况下不是我自己的),但我在构建自己的网站时使用它.
Firebug只是使用从服务器下载的.css文件,它确切地知道它正在编辑哪些文件行.我不明白为什么没有"导出"或"保存"选项,它允许您存储新的.css文件.(然后我可以替换远程的那个).
我曾尝试查看临时位置,并选择文件 > 保存...并在Firefox上尝试输出选项,但我还没找到方法.
编辑2: 官方讨论组有很多问题,但没有答案.
Mor*_*all 104
很长一段时间以来一直在想着同样
的事情,只是当你的瞬间自由式with与火炬被
一次意外的重装或者诸如此类的东西炸成碎片时,只是痛苦不堪......
为了我的意图和目的,我终于找到了工具......:FireDiff.
它给你一个新标签,可能是一些奇怪的David Bowie参考,称为"变化"; 这不仅可以让你看到/保存萤火虫,即你一直在做什么,
还可以选择跟踪页面本身所做的更改....如果它和/或你是如此倾向.
非常感谢不必重新打字,或重新想象然后重新打字,我制定的每条 css规则......
这是一个指向开发人员的链接(不要因首次出现而被贬低,也可以直接进入Mozilla附加存储库.
- 天哪 - 我真是太棒了! (3认同)
Len*_*rri 27
我到这里找到了这个功能,也就是说,能够将已编辑的CSS属性保存回原始文件(在我的本地开发机器上).不幸的是,经过大量搜索而没有找到任何适合我需求的东西(好吧,有CSS更新程序,但你必须注册,这是一个付费的扩展......)我放弃了Firefox + Firebug并为Google Chrome寻找类似的东西.猜猜是什么......我刚刚发现了这篇很棒的帖子,它展示了一种很好的方式来实现这一点(内置于Chrome中 - 不需要额外的扩展):
使用Chrome开发者工具更改本地文件系统上的CSS和SAVE
我现在尝试了它,它突出了改变的线条.只需单击"保存"即可完成!:)
这是一个视频,解释了这一点以及更多内容:Google I/O 2011:Chrome Dev Tools Reloaded
如果在编辑CSS文件时更改浏览器并不重要,我希望它有所帮助.我现在已经做了改变,但我真的很想将这个功能内置到Firebug中.:)
[更新1]
今天我刚刚看到这个视频:Sublimetext中的Firefox CSS实时编辑(正在进行中)看起来很有希望.
[更新2]
如果您正在使用Visual Studio 2013和Web Essentials,您将能够自动同步CSS,如此视频所示:
小智 13
我刚刚在mozilla插件沙盒中发布了一个firebug插件,它可能完全符合您的要求:https: //addons.mozilla.org/en/firefox/addon/52365/
它实际上将"触摸"的css文件按需保存到您的Web服务器(通过与单文件webservice php脚本通信).
可以在我的主页或插件页面上找到文档
我会感谢任何测试,错误报告,评论,评级,讨论,因为它仍处于早期测试阶段,但应该已经正常工作.
sor*_*rin 13
CSS-X-火
我很惊讶它还没有列入这个问题,但可能是因为它是新的并且作者没有时间来推广它.
它被称为CSS-X-Fire,它是JetBrains系列IDE的插件:IntelliJ IDEA,PHPWebStorm,PyCharm,WebStorm,RubyMine.
工作原理:安装其中一个IDE并配置部署(支持FTP和SCP).这将允许您与服务器保持同步.
在此之后,您安装此插件.当它启动时,它会告诉你他将为firefox安装一个插件,以便在Firebug和IDE之间进行集成.如果无法安装插件,只需使用drag-n-drop技术进行安装即可.
安装完成后,它将跟踪Firebug中的所有更改,您只需在IDE中单击即可应用它们.
FireFile
FireFile是一种替代方案,需要您向服务器端添加一个小的php文件,以便能够上传修改后的CSS.
我认为你最接近的是进入Firebug中的编辑模式并复制和粘贴CSS文件的内容.
- BAH ......这不起作用....这是原始来源......它消除了我所有的变化. (2认同)
我们刚刚介绍了Backfire,这是一个开源的javascript引擎,允许您将Firebug和Webkit检查器中的CSS更改保存到服务器.该库包含一个示例C#实现,该实现了如何将传入的更改保存到CSS中.
这是一篇关于它是如何工作的博客文章:http: //blog.quplo.com/2010/08/backfire-save-css-changes-made-in-firebug/
以下是Google代码托管的代码:http: //code.google.com/p/backfire/