如何在Chrome中编辑CSS，如Firebug for Firefox？ [英] How do I edit CSS in Chrome like in Firebug for Firefox?

问题描述

我在Firefox中使用Firebug编辑CSS，但最近发现Chrome正在快速渲染我的页面（包括滚动，交互式元素等），并希望切换到它。

I've been editing CSS using Firebug in Firefox, but recently noticed that Chrome is rendering my pages much quicker (with scrolling, interactive elements etc) and wanted to switch to it.

我发现Chrome显示计算的CSS和什么属性被推翻的堆栈，我可以改变它们一个一个，但我喜欢Firebug的是，我可以只需在实时文本编辑器中编辑整个样式表。在Chrome开发人员面板中的某个位置是否有相同的功能，或者是否有Chrome扩展程序可以以这种方式更改样式表？

I found Chrome shows the computed CSS and what attributes are overruled in the stack and I can alter them one-by-one but what I liked about Firebug was that I could just edit the entire stylesheet in a real-time text editor. Is this same feature somewhere in the Chrome developer panel, or is there a Chrome extension that lets me alter the stylesheets this way?

推荐答案

尝试 StyleBot 。它还可以保存编辑的CSS。

Try StyleBot. It can also save edited CSS.

这篇关于如何在Chrome中编辑CSS，如Firebug for Firefox？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！