css - Devtools 审计显示不需要的/注入(inject)的 css 规则

Question

因此，在尝试调试 Chrome 开发者工具中网页的性能时，我发现我的页面有冗长的 css 规则，我没有把它们放在那里。查看源代码时看不到规则。但是 chrome 告诉我正在执行规则。规则也明显是恶意的，

诸如 .yahoo 赞助的 [onclick^="window.open('http://

我的问题是，我假设如何找出将其注入(inject)我的 DOM 的是什么？查看源代码时我什么也看不到。

我有点不知如何继续。

感谢您的帮助。

Answer 1

这些很可能是由类似于 AdBlock 的扩展注入(inject)的，它注入(inject)了一个没有 textContent 的内联样式表(在 DevTools 中呈现为 <style></style>)，而是通过 CSSOM 动态添加所需的规则。 API。

为避免在审核结果中看到这些规则，请禁用 AdBlock 或类似的扩展程序，重新加载页面，然后再次运行审核。