問題タブ [mutation-observers]

次のような状況があります。

対応するDOMの更新で、ルートの変更を引き起こすemberアクションのボタンがあります。この DOM はミューテーション オブザーバーによっても監視されています。私がやりたいことは、ユーザーがボタンをクリックした後、ミューテーションオブザーバーが起動する前に、いくつかの jquery コードを実行することです。ただし、現在、jquery onClick が起動される前に、ミューテーション オブザーバーが常に起動しています。

どうすれば希望の注文を達成できますか? オブザーバーで延期された約束を使用する必要がありますか?

Chrome拡張機能内に次のコードがあります：

これは、コンテンツを動的に追加するサイトで発生します。(Google+)。ユーザーが下にスクロールして、いくつかの新しい要素を追加するだけで、すべてが完璧に機能します。

ユーザーがブラウザからしばらく離れてボタンをクリックすると、多くの新しい要素が表示され、MutationObserver はいくつかのノードを見落としているように見えます。デバッグ ウィンドウ内でこの動作を確認できます。(「nja」クラスで追加された div のいくつかはコンソールに書き込まれますが、そうでないものもあります)

したがって、これは一度に追加される div が多すぎない場合にのみ機能するようです。この動作を変更する構成はありますか?

(これは chrome 拡張機能であるため、他のブラウザーではなく chrome のソリューションのみが必要です)

サードパーティの Web サイトで DOM 要素を監視しようとしています。要素は、カウントダウン タイマーが到達するまで存在せず、その後作成されます。

document.getElementsByClassName('countdown ng-hide').length をいじって成功しました。

0 から 1 に変化したときに関数を実行したい。

どうすればいいですか？Mutation Observer を使用してみましたが、null ノードを観察できません。

ありがとう！

編集：これは私がこれまでに得たものです。

https://hacks.mozilla.org/2012/05/dom-mutationobserver-reacting-to-dom-changes-without-killing-browser-performance/を読みましたが、目的を達成するための設定方法はまだわかりません。

ページ上にコード ジェネレーターによって生成された要素があります (そのため、この動作を防ぐことはできません)。要素には「myid」という ID があり、ブラウザに表示されたら非表示にするだけです。私の課題は、要素が表示されたときにコードが起動するようにオブザーバーを構成する方法です。

ここで助けが必要だと思う場所に質問をコメントとして挿入しましたが、すべて間違っている場合は親切に案内してください。

I try to add a MutationObserver in my web page to track changes in an image src, but that doesn't work.

Here's the code used:

Mozilla Developer Network には、MutationObserver の使用方法の例があります。

config変数はObject. しかし、クロージャーコンパイラーは怒って、

エラー - MutationObserver.prototype.observe の実パラメータ 2 が見つかった仮パラメータと一致しません
: {attributes: boolean, characterData: boolean, childList: boolean}
必須: (MutationObserverInit|null|undefined) observer.observe(node, config);

externs/html5.jsに設定されているとおりです。
ただし、「Uncaught ReferenceError: MutationObserverInit が定義されていない」ため、MutationObserverInit タイプのオブジェクトをインスタンス化する方法が見つかりません。

ここで何をするのが正しいですか？

MutationObserver をテストする方法の JSfiddle の例を作成しました。シンプル。 http://jsfiddle.net/bqcpna3k/6/

HTML

Javascript

CSS

他のテストでは、MutationObserver 関数を確実に実行するのに問題がありました。また、document.body の代わりに div を観察する際にも問題がありました。

上記のフィドルでは、MutationObserver 関数はまったく実行されません。