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