我一直在Firefox中使用Firebug编辑CSS，但最近注意到Chrome正在更快地渲染我的页面（使用滚动，交互元素等），并希望切换到它。
我发现Chrome显示了计算出的CSS以及在堆栈中推翻了哪些属性，我可以逐个更改它们但我喜欢Firebug的原因是我可以在实时文本编辑器中编辑整个样式表。这是Chrome浏览器面板中的某个功能，还是有一个Chrome扩展程序可以让我以这种方式更改样式表？
答案 0 :(得分：10)
在当前版本的Chrome（我正在运行16）中，您不需要任何外部附加组件。 右键单击页面中的任意位置，选择检查元素，然后在显示的窗口中单击资源选项卡，然后在左侧面板中选择要编辑的样式表。要开始编辑，您需要首先双击css文本。
答案 1 :(得分：9)
试试StyleBot。它还可以保存已编辑的CSS。
答案 2 :(得分：2)
您可以通过双击“元素”面板的样式窗格中的条目或空白区域来编辑任何属性或创建新属性。目前无法像文本一样编辑整个css文件。
答案 3 :(得分：2)
我使用live.js！在编辑css文件时，它会在浏览器中实时显示结果，而无需刷新。 http://livejs.com/
我花了无数个小时来测试我能找到的几乎所有Chome扩展（包括stylebot）来模仿Firefox中Firebug的实时CSS编辑。迄今为止没有相同的工作流程。 Live.js是最接近的。
答案 4 :(得分：1)
您是否尝试过Web Developer Toolbar扩展程序的CSS-＆gt;编辑CSS工具？
答案 5 :(得分：1)
https://chrome.google.com/extensions/detail/bfbameneiokkgbdmiekhjnmfkcnldhhm
适用于Chrome的网页开发者工具栏＆gt; CSS＆gt;编辑CSS
答案 6 :(得分：0)
有一个半工作firebug extension，但它还不完美。
答案 7 :(得分：0)
用户Firebug Lite。它也可以作为Chrome的扩展。
答案 8 :(得分：0)
您正在寻找这个 - Live Stylesheets
答案 9 :(得分：0)
4年前我写了LiveCSSEditor正是因为这个原因。 Firefox中的FireBug让我可以自由地将CSS写入页面，但Chrome中没有任何其他功能。
我今天仍然使用它，还没有找到更好的解决方案。它也可能对你有用。 ：）