Javascript:MutationObserver/detect全局样式表规则更改
在过去的几天里，我一直在努力寻找一种检测/触发全局CSS更改事件的方法。是的，是全局的（因此不是由元素本身设置的（例如style=“background:red；”），而是在单独的.css文件中设置的） 我曾尝试使用MutationObserver（作为我的事件捕捉器/实例），但这个实例似乎无法满足我的需求。相反（据我所知），最合乎逻辑的方法是存储（目标文件的）所有CSS规则，并设置一个间隔，每隔x秒检查一次更新（比较存储的列表）。但当然，这不是一个很好的做法，因为这是浪费内存Javascript:MutationObserver/detect全局样式表规则更改,javascript,css,events,stylesheet,mutation-observers,Javascript,Css,Events,Stylesheet,Mutation Observers,在过去的几天里，我一直在努力寻找一种检测/触发全局CSS更改事件的方法。是的，是全局的（因此不是由元素本身设置的（例如style=“background:red；”），而是在单独的.css文件中设置的） 我曾尝试使用MutationObserver（作为我的事件捕捉器/实例），但这个实例似乎无法满足我的需求。相反（据我所知），最合乎逻辑的方法是存储（目标文件的）所有CSS规则，并设置一个间隔，每隔x秒检查一次更新（比较存储的列表）。但当然，这不是一个很好的做法，因为这是浪费内存 有什么建议吗？他
有什么建议吗？他们会吃得饱饱的 我发现这个函数非常有用。但我不确定它是否会按你希望的方式触发 我发现这可以检测检查器中所做的更改（但我了解到由于安全原因，伪类可能会有一些问题，因为您可以检测到是否访问了链接） 返回一个规则，如：body{color:red；}
document.styleSheets[0].cssRules[0].cssText;
var allCSS =
[].slice.call(document.styleSheets)
.reduce(function (prev, styleSheet) {
if (styleSheet.cssRules) {
return prev +
[].slice.call(styleSheet.cssRules)
.reduce(function (prev, cssRule) {
return prev + cssRule.cssText;
}, '');
} else {
return prev;
}
}, '');
查看全局CSS更改的示例可能会有所帮助，例如，在文档的头部添加了