css - 在 Chrome 或 Safari 中进行完整的即时样式表编辑

Question

我讨厌 Firefox，我真的讨厌，但作为一名 Web 开发人员，我被 Firebug 提供的强大工具集 b/c 束缚住了。最近 Chrome 和 Safari 的检查工具允许用户编辑完整的 block 结构代码(以非常错误的方式)，但您仍然无法编辑完整的样式表。通常当有人提出这个问题时，Chrome 和 Safari 开发人员会说“但是你可以编辑 CSS”，这在一定程度上是正确的。您可以在这两种浏览器中逐个编辑 CSS 属性(如果您有很多更改，这将花费很长时间)，但是无法查看完整的计算样式表、在其中进行编辑并立即看到结果。迄今为止，只有在 Firefox 上完整安装 Firebug 才能做到这一点。

在 Chrome 或 Safari 阵营中是否有任何动力来构建一个插件来匹配这个无与伦比的功能？允许您将 CSS 插入页面的廉价插件不是答案。这真的很简单:

1. 有一个包含当前引用的样式表的列表
2. 选择您要编辑的那个，然后点击编辑按钮
3. 查看样式表中的所有代码
4. 进行更改并立即看到它们反射(reflect)在页面上

构建这样的东西真的有那么难吗？我认为一定是，b/c 为什么两个浏览器的开发者社区会完全忽略它？如果现在有什么东西可以提供这种功能，我很想听听；否则，也许有人会站出来为 Chrome 或 Safari 开发它。看起来开发 CSS Edit 应用程序的人会全力以赴。

Answer 1

多亏了你，我找到了!

Live Stylesheets extension for Chrome 就是您要找的。请务必在安装后重新启动 Chrome 以使用它。