如何在Firebug for Firefox中编辑Chrome中的CSS?

Tom*_*Tom 18 css google-chrome

我一直在Firefox中使用Firebug编辑CSS,但最近注意到Chrome正在更快地渲染我的页面(使用滚动,交互元素等)并且想要切换到它.

我发现Chrome显示了计算出的CSS以及在堆栈中推翻了哪些属性,我可以逐个改变它们,但我喜欢Firebug的是我可以在实时文本编辑器中编辑整个样式表.这是Chrome浏览器面板中的某个功能,还是Chrome扩展程序允许我以这种方式更改样式表?

pax*_*pax 10

在当前版本的Chrome(我正在运行16)中,您不需要任何外部附加组件.右键单击页面中的任意位置,选择inspect元素,然后在显示的窗口中单击Resources选项卡,然后在左侧面板中选择要编辑的样式表.要开始编辑,您需要首先双击css文本.

  • 这有效,但很糟糕.如果你不小心离开了页面,所有的编辑都会丢失,而且在我尝试编辑的网站上,它的速度非常慢**.像300波特慢. (5认同)

NAR*_*KOZ 9

试试StyleBot.它还可以保存已编辑的CSS.

  • 真有帮助.我尝试了几个chrome的扩展,我也用过它.相信我这是我在chrome中编辑样式表的最佳扩展.所有其他扩展程序不允许您编辑本地样式表.着名的FireBug也是铬的可怕扩展. (2认同)
  • 在StyleBot中,您可以看到整个样式表来添加/编辑规则吗? (2认同)