为什么我不能在Firebug中保存CSS更改？
Firebug是我find的用于编辑CSS的最方便的工具 – 为什么没有简单的“保存”CSS选项？
我总是发现自己在Firebug中进行调整，然后回到我的原始.css文件并复制调整。
有没有人想出更好的解决scheme？
编辑：我知道代码存储在服务器上（大多数情况下不是我自己的），但我build立自己的网站时使用它。
Firebug只是使用从服务器上下载的.css文件的Firefox，它确切地知道它正在编辑哪些文件。 我看不出为什么没有“导出”或“保存”选项，它允许您存储新的.css文件。 （我可以用它replace远程的）。
我已经尝试在临时位置寻找，并select文件 > 保存…和试验在Firefox的输出选项，但我还没有find一种方法。
编辑2：官方讨论组有很多问题 ，但没有答案。
我在这里find了这个function，也就是说，能够将编辑后的CSS属性保存回原始文件（在本地开发机器上）。 不幸的是，search了很多，没有find任何适合我需要的东西（好吧，有CSS升级，但你必须注册，这是一个付费扩展…）我放弃了Firefox + Firebug，并寻找类似的谷歌浏览器。 猜猜看是什么…我刚刚发现这个好post，展示了一个很好的方法来实现这个function（embedded到Chrome中 – 不需要额外的扩展）：
使用Chrome开发人员工具更改本地文件系统上的CSS和SAVE
我现在试了一下，它突出显示改变的线条。 只需点击保存即可完成！ 🙂
这里有一个video解释这一点和更多： 谷歌I / O 2011：Chrome开发工具重装上阵
如果在编辑CSS文件时更改浏览器无关紧要，我希望这会有所帮助。 我现在已经做了修改，但是我真的很喜欢将这个function内置到Firebug中。 🙂
[更新1]
今天，我刚刚看到这个video： Firefox的CSS实时编辑Sublimetext（工作正在进行）看起来很有希望。
[更新2]
如果您碰巧在Web Essentials中使用Visual Studio 2013 ，则可以按照以下video所示自动同步CSS：
Web Essentials：浏览器工具集成
现在想了很长一段时间，
只是当你用自己的方式自由式地用萤火虫吹起来
意外重新加载或不…
为了我的意图和目的，我终于find了工具….： FireDiff 。
它给了你一个新的标签，可能是一些奇怪的大卫鲍伊参考，被称为“变化”; 这不仅可以让你看到/保存萤火虫，即你已经做了，
但也可以select跟踪页面本身的变化….如果它和/或你是如此倾斜。
所以感激不必重新键入，或重新想象，然后重新键入，我做的每一个 CSS规则…
这是一个链接到开发人员（不要被第一次出现的贬低，mayhap直接到Mozilla附加存储库 。
Web Developer加载项让您保存编辑。 我想将Firebug的编辑与Web Developer的Savefunction结合起来。
使用“ 保存 ”button（点击CSS菜单 – >编辑CSS）将修改的CSS保存到磁盘。
build议 ：使用“ Stick ”button可防止在更改选项卡进行其他浏览时丢失更改。 如果可能的话，只使用一个标签进行编辑和其他Firefox窗口的相关search，networking邮件等
CSS-X-火
我很惊讶，它还没有列入这个问题，但可能是因为是新的，作者还没有时间来推动它呢。
它被称为CSS-X-Fire ，它是JetBrains系列IDE的插件： IntelliJ IDEA，PHPWebStorm，PyCharm，WebStorm，RubyMine 。
工作原理：安装其中一个IDE并configuration部署（支持FTP和SCP）。 这将允许您保持与服务器同步。
之后你安装这个插件。 当它启动时，会问你告诉你，他将安装一个Firefox插件，以便进行Firebug和IDE之间的集成。 如果安装插件失败，只需使用拖放技术进行安装即可。
一旦安装，它将跟踪所有你从Firebug的变化，你将能够通过在IDE内简单的点击来应用它们。
FireFile
FireFile是一个替代scheme，要求您将一个小的PHP文件添加到服务器端，以便能够上传修改后的CSS。
我刚刚在mozilla addon沙箱中发布了一个firebug插件 ，它可能完全按照你的意愿做： https ： //addons.mozilla.org/en/firefox/addon/52365/
它实际上保存“触摸”的CSS文件按需到您的Web服务器 （通过与一个单一文件的Web服务PHP脚本通信）。
文档可以在我的主页或插件页面find
我将不胜感激任何testing，错误报告，评论，评级，对此的讨论，因为它还处于早期testing阶段，但应该已经正常工作了。
你可以用fireclipse把 萤火虫链接到eclipse上，然后从eclipse保存这个文件
我想最接近你将得到的是进入编辑模式在Firebug和复制和粘贴的CSS文件的内容。
我们刚刚介绍了Backfire，一个开放源代码的JavaScript引擎，允许您将在Firebug和Webkit inspector中进行的CSS更改保存到服务器。 该库包含一个C＃实现的示例，如何将传入的更改保存到CSS中。
这是一个关于它是如何工作的博客文章： http : //blog.quplo.com/2010/08/backfire-save-css-changes-made-in-firebug/
以下是Google代码托pipe的代码： http : //code.google.com/p/backfire/
我知道这不能回答你的问题，但令人惊讶的是，Internet Explorer 8的Firebug克隆“开发者工具栏”（可通过F12访问）提供了“保存html”的选项。 这个函数将当前DOM保存到本地文件中，这意味着如果您以某种方式编辑DOM，例如通过在某处添加样式属性，也将保存该文件。
如果您使用Firebug像大家一样乱用CSS，那就不是特别有用，而是迈向正确的一步。
我提出了一个解决scheme，它涉及Firebug和FireFTP的组合，以及在本地运行网站时直接访问本地文件系统的代码。
这里是情景：
在远程机器上托pipe的网站上工作
在这种情况下，您将提供FTP详细信息以及CSS / HTML / Javascript的位置，然后当您保存更改时，Firebug将更新这些文件。 它甚至可以find文件本身，然后提示你确认它有正确的文件。 如果文件名是唯一的，那不应该是个问题。
在本地机器上运行的网站上工作
在这种情况下，您可以为Firebug提供网站的本地文件夹位置，并使用相同的行为来匹配和validation文件。 如果需要，可以通过FireFTP执行对本地文件系统的访问。
在没有FTP访问的情况下远程托pipe网站上工作
在这种情况下，FireFile插件就必须实现。
另一项function是保存和打开项目文件，这些项目文件存储本地文件和它们所关联的URL之间的映射关系，并保存FireFTP已经存在的FTP细节。
我是Sorin Sbarnea在这个主题中发布的CSS-X-Fire的作者。 猜猜我有点迟了;）
CSS-X-Fire将Firebug的CSS属性更改发布到可以应用或放弃更改的IDE中。
这个解决scheme与其他大多数现有工具相比，有一些优点，只知道浏览器下载的文件名和内容（见NickFitz在原文中的评论）。
情景1：你有一个网站（项目），有一些主题，用户可以从中select。 每个主题都有自己的CSS文件，但是目前的Firebug只有一个。 CSS-X-Fire将检测项目中所有匹配的select器，并让你决定哪些应该被修改。
scheme2：Web项目具有编译时创build的样式表或部署期间的样式表。 他们可能会从几个文件合并，文件名可能会改变。 CSS-X-Fire不关心文件的名称，它只处理CSSselect器名称及其属性。
以上是CSS-X-Fire擅长的场景的例子。 由于它与源文件一起工作，并且知道语言结构，所以还可以帮助查找Firebug不知道的副本，跳转到代码等等。
CSS-X-Fire是Apache 2许可下的开源代码。 项目主页： http : //code.google.com/p/css-x-fire/
FireFile
创buildFirebug来检测问题不是debugging器。 但是如果添加新的工具来整合firebug和保存更改，则可以保存更改。 这是FireFile，请点击这里http://thelistoflist.blogspot.com/2010/04/how-to-save-change-you-make-in-firebug.html 。
FireFile通过向服务器端添加一个小的PHP文件来提供所需的function。
由于Firebug不在您的服务器上工作，而是从站点获取CSS并将其存储在本地，并向您显示具有本地更改的站点。
使用Firefox Web Developer工具栏中的CSS编辑器：
http://chrispederick.com/work/web-developer/
它有足够的好东西与Firebug结合使用，它可以让你保存你的CSS到一个文本文件。
使用逆火。
http://blog.quplo.com/2010/08/backfire-save-css-changes-made-in-firebug/
这是一个开源解决scheme，将CSS更改发送回服务器并保存。
Backfire使用一个单独的JavaScript文件，并且源代码包中有一个可以轻松移植到其他平台的.NET服务器实现示例。
我也永远也遇到过这个问题，最后决定不要在web inspector中编辑一些东西，并为它构build一些东西（ https://github.com/viatropos/design.io ）。
更好的解决scheme：
当您按下文本编辑器中的保存时，浏览器将自动反映CSS更改， 而不会重新加载 。
我们在web检查器中编辑css的主要原因（我使用的是webkit，但是FireBug是一样的），因为我们需要做一些小的调整，而且重新加载页面需要很长的时间。
这种方法有两个主要的问题。 首先，您可以编辑可能没有idselect器的单个元素。 所以，即使你能够从Web检查器复制/粘贴生成的CSS，它将不得不生成一个id范围的CSS。 就像是：
#element-127 { background: red; }
这将开始让你的CSS一团糟。
你可以通过改变现有select器的样式（下面的webkit inspector图中的.space类select器）来解决这个问题。
尽pipe如此，第二个问题。 这个东西的界面非常粗糙，很难做出很大的改变，比如如果你想尝试真正的快速复制这个CSS块到这个地方，或者其他任何东西。
我宁愿只坚持TextMate。
理想的做法是在你的文本编辑器中编写CSS，让浏览器在不重新加载页面的情况下反映更改 。 这样你就可以写出你的最终的CSS，因为你正在做的小变化。
下一个级别是使用dynamicCSS语言（如Stylus，Less，SCSS等）编写，并使用生成的CSS更新浏览器。 通过这种方式，您可以开始创build像box-shadow() ，从而将复杂性抽象出来，而Web Inspector绝对不能这么做。
在那里有一些这样的事情，但我认为没有任何事情可以精简。
- LiveReload ：当你按下保存button时，css浏览器不会刷新，但它是一个mac应用程序 ，所以很难自定义。
- CodeKit ：也是一个mac应用程序，但它会刷新浏览器，每次保存。
没有能力轻松定制这些工作的方式是我没有使用它们的主要原因。
我把https://github.com/viatropos/design.io放在一起解决这个问题，并做到这一点：;
- 浏览器可以在任何时候保存css / js / html / etc，而无需重新加载页面
- 它可以处理任何模板/语言/框架（Stylus，Less，CoffeeScript，Jade，Haml等）
- 它是用JavaScript编写的，你可以用JavaScript实现快速扩展。
这样，当你需要对CSS进行一些小的改动时，可以说设置背景颜色，按下save，看nope，不太可能，把色调调整10，保存，不做，调整5，保存，看起来不错。
它的工作方式是通过监视每当你保存一个文件（在os级别），处理文件（这是扩展工作的地方），并通过websocket将数据推送到浏览器，然后处理（客户端扩展名）。
不要插入任何东西，但我在这个问题上挣扎了很长时间。
希望有所帮助。
Firebug在计算的 CSS上工作（通过获取文件中的CSS和应用inheritance等等，以及JavaScript所做的更改）。 这意味着你可能不能直接使用它来包含在一个HTML浏览器/特定版本的HTML文件中（除非你只关心Firefox）。 另一方面，它跟踪什么是原始的和什么是计算…我认为它应该不是很难添加一些JS到Firebug能够将该CSS导出到文本文件。
我想知道为什么我不能血腥地select和复制在我眼前的文字。 特别是当别人说你可以“select和复制”。 原来你可以 ，你只需要在任何文本之外 （即在文本的上面或者在文本的左边）开始拖动，就像任何一个mousedown一样 – 无论是点击还是拖拽，任何文本立即调用属性编辑。 您也可以点击外部文本来获取光标（即使不是总是可见的），然后您可以使用箭头键移动并select文本。
不幸的是，复制到剪贴板的文本没有任何缩进，但至less可以避免手动转录CSS文件的全部内容。 只要你的差异程序忽略空白时，比较原来的变化。
你可以编写你自己的服务器脚本文件，它需要一个文件名参数和一个内容参数。
服务器脚本会find所需的文件，并用新文件replace它的内容。
编写JavaScript触发萤火虫的信息和检索有用的数据将是棘手的部分。
我个人宁愿让萤火虫的开发团队提供一个function，对他们来说不应该太难。
最后，Ajax将文件名/内容对发送给您创build的php文件。
从Firebug FAQ引用：
编辑页面
我可以保存到源的更改，我对我看到的网页吗？
现在你不能。 正如约翰·J·巴顿在新闻组上所写：
在Firebug中编辑有点像拿出咸菜和加一个芥末去餐厅三明治：你可以享受这个结果，但下一个在餐厅的顾客仍然会得到泡菜和芥末。
这是一个长期要求的function，所以有一天它可以直接从Firebug获得。 与此同时，您可以尝试Firediff ，Kevin Decker的一个延伸萤火虫。
我怎样才能输出在萤火虫内的网站的CSS所做的所有更改？
这是Kevin Decker的Firediff中实现的function 。
这是部分解决scheme。 完成更改后，请单击相关文件的其中一个链接。 这是原始文件，因此您必须刷新该文件，该文件位于萤火虫窗格右上angular的选项菜单button下。 现在你有修改的CSS页面，你可以复制和粘贴。 显然，你必须为每个CSS文件做。
编辑：看起来像马克Biek有一个更快的版本
一个非常简单的方式来“编辑”您的网页是通过您的互联网浏览器进入网站。 将页面保存为html，仅保存到桌面上。 进入你的桌面，右键单击新的网页文件，select打开，select记事本，并从那里编辑页面，如果你知道HTML将是容易的。 完成所有编辑后，保存文件并重新打开网页，如果正确完成，更改应该在那里。 然后，您可以使用新编辑的页面并将其导出或复制到远程位置
其实Firebug是一个debugging和分析工具：不是编辑器，显然不被认为是一个。 另一个原因已经提到：如何在debugging网页时，更改存储在服务器上的CSS？
