我想检测页面上任何DOM元素发生style
更改的时间(即更改任何元素的位置,高度,宽度,可见性等)。 [虽然与问题没有直接关系,但这是我正在制作的Chrome扩展程序]
我正在使用Mutation Observer API。但是,它似乎只能检测序列化标记的更改,而不能检测直接DOM属性。也就是说,它可以检测元素的style
属性的更改,但不能检测其实际style
属性的更改(因为,基于CSS已应用,实际的style
可能会因任何属性等的更改而发生变化。)
因此,我必须观察对document
元素的整个子树的所有属性的更改。这似乎会导致性能下降,因为有些网站,如FB,如果我这样做会产生大量的突变事件,而我只对一小部分感兴趣。
是否有更好的方法只跟踪style
相关更改?