Google Chrome开发者工具中的“用户样式表”是什么？

Question

我知道用户代理样式表，但是在开发者工具的样式部分，我只看到一些特定网站上的用户样式表，即使我的Chrome配置文件中没有Custom.css存在于我的User Stylesheet中。

- eldos

---

浏览器应该支持用户样式表（CSS 2.2、3.2 UA一致性，“UA必须允许用户指定包含用户样式表的文件。在没有任何编写或指定文件手段的设备上运行的UA可以豁免此要求。”，https://www.w3.org/TR/CSS22/conform.html#conformance）-然而，Google Chrome故意破坏了这一点。扩展API仍然存在，允许通过扩展创建用户样式表，这在计算上是相同的，但更难使用。有关详细信息，请参见https://bugs.chromium.org/p/chromium/issues/detail?id=347016。 - Mikko Rantalainen

Answer 1

这些“用户样式表”是由Chrome扩展添加的，可以通过清单文件声明，也可以使用 chrome.tabs.insertCSS。

除非（扩展的）用户样式表中的规则具有更高的特异性，否则网页上的样式始终优先于用户样式表。

如果要知道哪个扩展负责这些样式表，请逐个禁用扩展，直到样式表消失。禁用扩展后，在检查器中选择不同的元素，然后选择原始元素刷新视图，您不必重新加载页面。

- Rob W

---

有没有更简单的方法来确定导致这个问题的扩展名？ - eldos

@eldos 在您的用户数据目录的扩展目录中搜索有问题的扩展。在大多数情况下，样式表都在名为manifest.json的文件中声明（例如： "content_scripts": [{ "css": ["style.css"], ...）。 - Rob W