Firebug是我发现的用于编辑CSS的最方便的工具，那么为什么没有CSS的简单"保存"选项呢？

我总是发现自己在Firebug中进行调整，然后回到我的原始.css文件并复制这些调整。

有谁想出更好的解决方案？

编辑：我知道代码存储在服务器上(大多数情况下不是我自己的)，但是在构建自己的网站时会使用它。

Firebug仅使用从服务器下载的.css文件Firefox，它确切地知道正在编辑哪些文件中的行。我看不到为什么没有"导出"或者"保存"选项，该选项允许我们存储新的.css文件。 (然后我可以将其替换为)。

我尝试查找临时位置，然后选择"文件">"保存..."，并尝试在Firefox上使用输出选项，但是我仍然找不到方法。

编辑2：
官方讨论小组有很多问题，但没有答案。

解决方案

由于Firebug无法在服务器上运行，而是从站点中获取CSS并将其存储在本地，并向我们显示具有这些本地更改的站点。

实际上，Firebug是一种调试和分析工具：不是编辑器，显然不被认为是一个工具。已经提到了另一个原因：调试网页时，如何更改存储在服务器上的CSS？

我认为最接近的方法是在Firebug中进入"编辑"模式，然后复制并粘贴CSS文件的内容。

我们可以使用fireclipse将firebug链接到eclipse，然后从eclipse中保存文件

这是部分解决方案。进行更改后，单击指向相关文件的链接之一。这是原始文件，因此我们必须刷新文件，该文件位于firebug窗格右上方的选项菜单按钮下。现在，我们具有修改后的css页面，我们可以复制并粘贴该页面。显然，我们必须为每个css文件执行此操作。

编辑：看起来马克·比耶克(Mark Biek)有一个更快的版本

Firebug可以在计算出的CSS上工作(通过将CSS放入文件中并应用继承等方法，再加上用JavaScript所做的更改，即可得到CSS)。这意味着我们可能无法直接将其包含在特定于浏览器/版本的HTML文件中(除非我们仅关心Firefox)。另一方面，它跟踪原始内容和计算内容...我认为向Firebug添加一些JS以便能够将CSS导出到文本文件应该不难。

使用Web Developer插件，我们可以保存所做的编辑。我想将Firebug的编辑与Web Developer的"保存"功能结合在一起。

使用"保存"按钮(单击CSS菜单->编辑CSS)将修改后的CSS保存到磁盘。

建议：使用" Stick"按钮可以防止在更改选项卡进行其他浏览时丢失所做的更改。如果可能的话，仅使用一个选项卡进行编辑，而其他的Firefox窗口则进行相关搜索，网络邮件等。

使用Firefox Web Developer工具栏中的CSS编辑器：

http://chrispederick.com/work/web-developer/

它有足够的好东西可以与Firebug结合使用，并且可以将CSS保存到文本文件中。

我们可以编写自己的服务器脚本文件，该文件带有filename参数和content参数。

服务器脚本将找到请求的文件，并将其内容替换为新文件。

编写可利用firebug信息并检索有用数据的Javascript将会是棘手的部分。

我个人宁愿要求Firebug的开发团队提供功能，对于他们来说应该不难。

最后，Ajax将文件名/内容对发送到我们创建的php文件。

我知道这不能回答问题，但是令人惊讶的是，Internet Explorer 8的Firebug克隆"开发人员工具栏"(可通过​​F12访问)提供了"保存html"的选项。此函数将当前DOM保存到本地文件，这意味着如果我们以某种方式编辑DOM，例如通过在某处添加样式属性，该属性也将被保存。

如果我们像其他人一样使用Firebug乱搞CSS，这不是特别有用，而是朝着正确方向迈出的一步。

我想知道为什么我不能很好地选择并复制我眼前的文字。特别是当别人说我们可以"选择并复制"时。事实证明我们可以，我们只需在任意文本下(无论是单击还是拖动)在任何文本外部(即在文本上方或者左侧的装订线中)开始拖动即可，立即调用属性编辑器。我们也可以单击外部文本以获取光标(即使它并不总是可见)，然后可以使用箭头键四处移动并以这种方式选择文本。
不幸的是，复制到剪贴板的文本没有任何缩进，但是至少可以避免手动转录CSS文件的全部内容。与原始版本比较时，只需让差异程序忽略空白中的更改即可。

我刚刚在mozilla插件沙箱中发布了一个Firebug插件，它可能完全可以满足要求：
https://addons.mozilla.org/en/firefox/addon/52365/

实际上，它可以根据需要将"触摸的" css文件保存到Web服务器(通过与一个文件的webservice php脚本进行通信)。

可以在我的主页或者插件页面上找到文档

我希望对它进行任何测试，错误报告，评论，评级和讨论，因为它仍处于测试阶段，但应该可以正常工作。

很长时间以来一直在想同样的事情，
当我们在使用萤火虫的当下自由式css崩溃时，只是绞尽脑汁
意外装弹或者其他...

出于我的意图和目的，我终于找到了该工具...：FireDiff。

它为我们提供了一个新标签，可能是David Bowie的一些怪异参考，称为"更改"。
这不仅使我们可以查看/保存什么萤火虫， e。你，一直在做，
但也可以选择跟踪页面本身所做的更改。...如果页面和/或者我们很喜欢。

非常感谢不必重新键入，重新构想然后重新重新键入我制定的每条CSS规则...

这是开发人员的链接(不要被初次出现而感到失望，也许还可以直接进入Mozilla Add-On存储库。

我提出了一个解决方案，其中涉及Firebug和FireFTP的结合，以及在本地运行网站时直接访问本地文件系统的代码。

以下是方案：

在远程计算机上托管的网站上工作

在这种情况下，我们将提供FTP详细信息以及CSS / HTML / Javascript的位置，然后Firebug将在我们保存更改时更新这些文件。它甚至可能能够找到文件本身，然后提示我们确认它具有正确的文件。如果文件名是唯一的，那应该不是问题。

在本地计算机上运行的网站上工作

在这种情况下，我们可以为Firebug提供网站的本地文件夹位置，并且将使用相同的行为来匹配和验证文件。如有必要，可以通过FireFTP执行对本地文件系统的访问。

在没有FTP访问权限的远程托管网站上工作

在这种情况下，将必须实现类似FireFile附件的功能。

另一个功能是能够保存和打开项目文件，这些文件存储本地文件及其关联的URL之间的映射，以及像FireFTP一样保存FTP详细信息。

创建了Firebug来检测不是调试器的问题。但是如果我们添加了将Firebug与保存更改集成在一起的新工具，则可以保存更改。它是FireFile，请单击此处
http://thelistoflist.blogspot.com/2010/04/how-to-save-change-you-make-in-firebug.html。

FireFile通过向服务器端添加一个小的PHP文件来提供所需的功能。

我们刚刚介绍了Backfire，这是一个开放源代码的JavaScript引擎，可让我们将Firebug和Webkit检查器中所做的CSS更改保存到服务器。该库包含如何将传入的更改保存到CSS的示例实现。

这是有关其工作原理的博客文章：
http://blog.quplo.com/2010/08/backfire-save-css-changes-made-in-firebug/

这是Google Code托管的代码：
http://code.google.com/p/backfire/

使用逆火。

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

这是一个开放源代码解决方案，可将CSS更改发送回服务器并保存。

Backfire使用单个javascript文件，并且源代码包中有一个有效的.NET服务器实现示例，可轻松移植到其他平台。

令我惊讶的是，它仍然没有被列出来，但可能是因为它是新事物，而作者还没有时间进行推广。

它被称为CSS-X-Fire，它是JetBrains系列IDE的插件：IntelliJ IDEA，PHPWebStorm，PyCharm，WebStorm，RubyMine。

工作原理：安装这些IDE之一并配置部署(支持FTP和SCP)。这将使我们与服务器保持同步。

在此之后，我们将安装此插件。启动时，它会告诉我们他将为firefox安装一个插件，以便在Firebug和IDE之间进行集成。如果无法安装该插件，则只需使用拖放技术即可安装它。

安装后，它将跟踪我们在Firebug中所做的所有更改，我们只需在IDE中单击即可应用这些更改。

FireFile是一种替代方法，要求我们向服务器端添加一个小的php文件，以便能够上传修改后的CSS。

我是CSS-X-Fire的作者，索林·斯巴尼亚(Sorin Sbarnea)也曾在此线程中发贴。猜猜我来晚了;)

CSS-X-Fire将CSS属性更改从Firebug发射到IDE，在此可以应用或者放弃更改。

与其他大多数仅了解浏览器下载的文件名和内容的现有工具相比，此解决方案有很多优点(请参阅原始帖子中的NickFitz评论)。

方案1：我们有一个网站(项目)，其中包含几个主题，用户可以从中进行选择。每个主题都有其自己的CSS文件，但Firebug仅知道当前的一个。 CSS-X-Fire将检测项目中所有匹配的选择器，并让我们决定应修改哪个选择器。

方案2：Web项目的样式表是在编译时或者部署期间创建的。它们可能会从多个文件合并，并且文件名可能会更改。 CSS-X-Fire不在乎文件名，它仅处理CSS选择器名称及其属性。

上面是CSS-X-Fire擅长的场景示例。由于它可与源文件一起使用，并且了解语言结构，因此还有助于查找Firebug，跳转至代码等未知的重复项。

CSS-X-Fire是Apache 2许可下的开放源代码。
项目主页：http://code.google.com/p/css-x-fire/

一种"编辑"页面的非常简单的方法是通过Internet浏览器进入该网站。将页面另存为html到桌面上。转到桌面，右键单击新的网页文件，然后选择"打开方式"，选择"记事本"，然后从此处编辑页面(如果知道html的话)。完成所有编辑后，保存文件并重新打开网页，如果正确完成，则更改应在其中。然后，我们可以使用新编辑的页面并将其导出或者复制到远程位置

引用Firebug常见问题解答：

Editing Pages
  
  
  Can I save to the source the changes I made to the webpage I'm seeing?
  
  Right now you can't. As John J. Barton wrote on the newsgroup:
  
  Editing in Firebug is kinda like taking out the pickles from and adding mustard to a restaurant sandwich: you can enjoy the result, but the next customer at the restaurant will still get pickles and no mustard.
  
  This is a long-requested functionality, so someday it'll be available directly from Firebug. Meanwhile, you can try Firediff, an extension for firebug by Kevin Decker.
  How can I output all changes that have been made to a site's CSS within firebug?
  
  That's a feature implemented in Kevin Decker's Firediff.