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



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

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

我试图找到这个问题的答案,但我找到的所有回应都是为了找到特定的样式或元素样式,我的问题是我不知道在哪些元素或位置使用了什么样式(我们有 1,000 页,所以我宁愿不手动浏览每个页面。

根据内联的意思,准确地说,你的意思是内或两者之一:

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

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

不幸的是,他们也会捕捉到 JavaScript 添加的样式(即使它像jQuery(some_selector).show();这样(。

您需要查看原始源代码以避免捕获这些源代码,这可能是通过编写一个机器人(没有浏览器参与(在每个页面上运行类似的测试来完成的。

相关内容

  • 没有找到相关文章

最新更新