我正在帮助一些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();
这样(。
您需要查看原始源代码以避免捕获这些源代码,这可能是通过编写一个机器人(没有浏览器参与(在每个页面上运行类似的测试来完成的。