問題タブ [mutation-observers]

MutationObserverの MDN ドキュメントの互換性テーブルには、Chrome 18 と Safari 6 の基本的なサポートが-webkitプレフィックス付きで一覧表示されています。

これはブラウザの内部的なものですか...または、のような接頭辞を付ける実際の方法はありますMutationObserver()か?

私の仮定は、それは次のように単純ではないということです:

…でも、もしかして？

次のコードを検討してください。

これはこれを少し修正したものです。

jsbinバージョンページを操作しても、ログは生成されません。どこが間違っていますか？行を置き換えると注意してください

と

スクリプトは動作をオンにします...

アドオン内で MutationObserver を使用しようとしています。したがって、オブザーバーを設定する content-script を挿入します。これは何とか機能しているように見えますが、検出されたミューテーションは JSON にシリアル化できないようです。しかし、実際には、このライブラリを使用してミューテーションを監視したいと考えています。これは、アドオンのミューテーション監視に関してMozilla によって公式に言及されています。しかし、これはまったく機能しません。

それで、コンテンツスクリプト内で動作するミューテーションオブザーバー（より良いミューテーションサマリー-リンクを参照）の実際の例を誰かが手に入れましたか？

私のコードは次のようになります。

MutationObserver特定の HTML 要素が HTML ページのどこかに追加されているかどうかを検出するために使用することに興味があります。<li>例として、DOM のどこかに が追加されているかどうかを検出したいとします。

MutationObserverこれまで見てきたすべての例は、ノードが特定のコンテナーに追加されているかどうかを検出するだけでした。例えば：

いくつかの HTML

MutationObserver意味

したがって、この例では、MutationObserverは非常に特定のコンテナ ( ) を監視して、が追加されているul#my-listかどうかを確認するように設定されています。<li>

あまり具体的<li>ではなく、次のように HTML 本文全体で 's を監視したい場合、それは問題ですか?

自分でセットアップした基本的な例で動作することはわかっています...しかし、これを行うことはお勧めできませんか? これにより、パフォーマンスが低下しますか? もしそうなら、そのパフォーマンスの問題をどのように検出して測定しますか?

すべての例が対象となるコンテナーに非常に具体的である理由があるのではないかと考えましたMutationObserver...しかし、よくわかりません。

私はjqtreeを持っており、 AJAXを使用して変更されたノードを送信する必要があります。そのためには、再帰関数を使用してJSON全体を読み取りました。問題は、影響を受けたノードを送信したいだけです。ツリーはドラッグ アンド ドロップであるため、ユーザーは一度に 1 つの項目しか変更できません。

明確化:

ページが読み込まれ、構造も同様です (firebug を確認してください)。

次に、ユーザーは次のものを選択してドラッグchild1しnode2ます。

vpaisそうすることで新しいJSONが生成され、 (親)とvfilhos(子)に分離・分類されます

ただし、ご覧のとおり、変更されるノードは 1 つだけなので、すべてを送信する必要はありませんparents(children一度に 1 つのアイテムしかドラッグできないため、常に送信されます)。

ここで SO で男が MutationObserver について教えてくれました。理論的には素晴らしいですが、F をどのように使用するのか?!?、それは非常に複雑です。理論はわかっていますが、それを使用していますは別の話ですが、私を助けてくれますか?

@マウザーに感謝

ここまで作ってくれてありがとう:)

私のコード:

MutationObserver を使用して dom で双方向同期を実装できますか。どちらの側でも変更を加えることができ、同じように別の側に反映する必要があります。（これは共同ブラウジングに使用されます。）

https://github.com/dvideby0/screenshareのようにこれを作成したのと同じライブラリが あります が、これの問題は、TreeMirror js を使用して一方向の同期のみを実装していることです。クライアントは TreeMirror を使用します (変更は行われますが、サーバーまたは共有者には戻されません)。サーバーまたは共有画面は TreeMirrorClient クラスを使用します (変更をリッスンして別のクライアントに送信します)。

Dom の 2 つの方法の同期を実装した他のライブラリまたはサンプル コードはありますか。