如何在 HTML 正文标签中找到内联 CSS 样式？答案

【问题标题】：How do i find inline CSS styles within HTML body tags?如何在 HTML 正文标签中找到内联 CSS 样式？
【发布时间】：2017-08-16 13:14:31
【问题描述】：

我正在帮助一些 CSS 工作，似乎一些开发人员已内联添加了一些 CSS。我们不想要任何内联 CSS，所以我想知道是否有一种方法可以使用 JavaScript 检测 <body> 中是否有内联 CSS？

如果可能的话，我的计划是创建一个分析标签来记录具有内联样式的页面。

我试图找到这个问题的答案，但我发现的所有回复都是为了找到特定的样式或元素样式，我的问题是我不知道在哪些元素上使用了哪些样式或在哪里（我们有 1,000 页，所以我不想手动浏览每一页。）

【问题讨论】：

【解决方案1】：

具体取决于你所说的 inline 中的一个或两个：

if (document.querySelector("[style]")) { ... }      // For style attributes
if (document.querySelector("style")) { ... }        // For style elements

…会告诉你是否有任何匹配项。

不幸的是，它们还会捕获使用 JavaScript 添加的样式（即使它类似于 jQuery(some_selector).show();）。

您需要查看原始源代码以避免捕获它们，这可能是通过编写一个机器人（不涉及浏览器）在每个页面上运行类似的测试来完成的。

【讨论】：

感谢@Quentin - 这似乎确实有效，但不幸的是我们的标签管理器 sn-p 在中包含了一个样式标签！将不得不看看我是否可以解决它。当您说机器人时，您的意思是像 python 刮板之类的东西吗？
"当您说机器人时，您的意思是像 python 刮板之类的东西吗？" — 编程语言无关紧要。您需要能够在不执行 JavaScript 的情况下解析 HTML 并且能够找到所有 URL 的东西。