style
ページ上の任意の DOM 要素で変更が発生したとき (つまり、任意の要素の位置、高さ、幅、可視性などの変更) を検出したいと考えています。[質問とは直接関係ありませんが、これは私が取り組んでいるクロム拡張用です]
Mutation Observer API を使用しています。ただし、シリアル化されたマークアップへの変更のみを検出でき、直接の DOM プロパティは検出できないようです。つまり、要素のstyle
属性の変更は検出できますが、実際のstyle
プロパティの変更は検出できません(適用される CSS に基づいて、style
属性の変更などにより実際のプロパティが変更される可能性があるため)。
そのため、要素のサブツリー全体のすべての属性の変更を観察する必要があります。FB などの一部のサイトでは、これを行うと多くのミューテーション イベントが生成されるため、これはパフォーマンス ヒットを引き起こしているようですが、私は小さなサブセットのみに関心があります。document
style
関連する変更のみを追跡するより良い方法はありますか?