WebKit CSS检查器的“禁用样式”复选框应该向左移动以提高可用性。

Question

有没有办法将 Safari 和 Google Chrome 中内置的 WebKit Inspector 中禁用 CSS 样式的复选框从最右边移动到左边，就像 Firefox 的 Firebug 所做的那样，在声明旁边？要禁用样式，必须转到极右侧，当样式声明列表非常长时，这可能很难跟踪。除此之外，有时候会意外点击新的 Lion 样式滚动条。我听说甚至 WebKit 中的 Web Inspector 也是通过 CSS 布局的，所以这应该相对容易。有帮助吗？即使有人能让我找到 WebKit inspector 的样式表，我也可以找出 CSS。提前致谢！

以下是一些截图，以说明我的意思：

- WebKit CSS Inspector - Firebug CSS Inspector （由于我是一个新账户，无法在 Stack Overflow 的设置中发布图片）

- Evan Lovely

---

不幸的是，检查和修改检查器源代码比以前更加困难了。您曾经可以编辑/opt/google/chrome/resources/inspector/中的所有检查器文件，该目录曾经是http://trac.webkit.org/browser/trunk/Source/WebCore/inspector的副本。现在，它们都被捆绑到一个名为resources.pak的文件中，没有文件名可供参考。 - yonran

Answer 1

在 GitHub 上有一个 WebKit 检查器样式表：https://gist.github.com/1153881

- Alina

---

太好了！通过将样式表复制并放置到Mac Chrome的~/Library/Application\ Support/Google/Chrome/Default/User\ StyleSheets/Custom.css中，它非常有效！有关其他位置和更多详细信息，请参见此处。 - Evan Lovely

这种复选框的样式将它们放置在展开简写属性的箭头顶部。如果您有更好的样式，请随时在http://crbug.com/66628中分享（请注意评论＃6中的测试用例）。如果结果看起来非常好，它将被集成到Web Inspector CSS中。 - Alexander Pavlov