Firebug-esque CSS编辑器

Question

这是我目前编辑CSS的工作流程：

1. 我：“嘿伙计们，看看这个页面！”
2. 伙计：“尝试让帖子标题更大”
3. 右键点击帖子标题，选择“检查”（在萤火虫中检查）
4. 在Firebug中找到合适的CSS语句（h2.post_title或其他内容）
5. 修改Firebug中的CSS，询问朋友的外观
6. 如果看起来不错，请在Textmate
中再次进行更改

我想避免第6步。即，我希望能够通过类似Firebug的UI编辑CSS，并能够立即将更改提交到相关文件（而不是像我一样手工复制它们萤火虫）

编辑：在Mac上运行的东西是理想的

Answer 1

您是否在Firefox中尝试过"Web Developer"扩展程序？它允许您打开，编辑和保存CSS文件。

Answer 2

http://www.skybound.ca/

前进并开悟。这真是一个改变生活的计划。

Answer 3

另一种可能的工作流程：

1. “嘿伙计们，看看这个页面！”
2. “尝试让帖子标题更大”
3. 对CSS文件进行更改
4. 点击重新加载

我只使用Firebug进行调试（例如：“为什么这个东西会得到那种风格？”）当我知道他们需要在CSS中进行更改时，不要进行更改。此工作流程在某种程度上取决于能够轻松地重新加载CSS。如果您正在开发一个应用程序，重新加载完全会破坏您的状态，那可能并不理想。

Answer 4

查看逆火：

http://blog.quplo.com/2010/08/backfire-save-css-changes-made-in-firebug/

没试过，但听起来很有希望。

Answer 5

查看我对此问题的贡献： http://www.cssupdater.com

第6步将是： 6：点击Firebug !!中的“立即同步”按钮

点击会将您的更改发送到桌面应用程序，该应用程序会同步您的orignal css文件。 您还可以选择要在应用程序中同步的更改。它适用于您喜欢的文本编辑器或IDE以及Windows和Mac！

<强> Heureka吗

Answer 6

启用“软刷新”的

XRefresh可能有助于您的工作流程，但您仍需要知道要添加/编辑的CSS选择器。

Answer 7

我正在开发LIVEditor的原因是什么，因为在调整Firebug（或类似内容）中的css样式后，我不想在文本编辑器中再次手动重做更改。

Answer 8

逆火（见下文）是专门为Quplo（http://quplo.com）创建的，这是一个专门做你所描述的工具。你编写html和css，然后讨论需要更改的内容，进行更改（使用firebug或web开发人员工具栏）并点击保存。