トリガされたMutationObserverのスタックトレースはどのように取得されますか？

Question

まず、これは「変異観察者の作成方法」ではありません。私はAPIを見てきました。

誰かが突然変異が起こったときの「ソース」を表示する方法を知っているのだろうかと思っていました。これはおそらく回避策の一種かもしれません - 私はAPIのドキュメントでこれの言及を見ることができません。

displayがstyleに設定されている要素がnoneに設定されているかどうかを調べようとしています。私は、サーバーの変異イベントがあり、彼らはこの線に沿って見て

var observer = new MutationObserver(function(mutations) { 
    mutations.forEach(function (mutation) { 
     if (mutation.attributeName === "style") { 
      var extendedMutation = _.extend({}, mutation, { 
       newValue: $(mutation.target).attr("style") 
      }); 

      console.log(extendedMutation); 
     } 
     }); 
}); 

observer.observe(row.element[0], { attributes: true, attributeOldValue: true }); 

：

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

{ 
    addedNodes: NodeList[] 

    attributeName: "style" 

    attributeNamespace: null 

    newValue: "display: none;" 

    nextSibling: null 

    oldValue: "" 

    previousSibling: null 

    removedNodes: NodeList[] 

    target: li#d526d311-e6e0-4ef1-a3a1-f8686bbb468f.group 

    type: "attributes" 

} 

私はどこJSソースで知りたいのですがそれはから来ている！何か案は？

私はctrl + fを試しましたが、役に立たないことに注意してください。 （また、Chrome向けWebkitMutationObserverを試みたが、同じ結果）

デバッガ/例外出力：

Answer 1

MutationObserver APIは単にAjaxのように、非同期です。 Chromeでan exampleを考えてみましょう：

var xhr = new XMLHttpRequest(); 
xhr.open("GET", "/"); 
xhr.onload = function() { debugger; }; 
xhr.send(); 

あなたはおそらく認識しているとおり、現在の関数の実行が完了した後onloadがいつかまで実行されません。したがって、onloadのdebuggerコールが実行されると、関数呼び出しスタックは必ずクリアされ、onloadハンドラは新しいスタックで実行されます。

プロパティの突然変異がどこで発生するのか知りたいが、onloadハンドラの観点からは、xhr.send()がどこで呼び出されたかを知ろうとするようなスタックトレースからその情報を取得することはできません。

Answer 2

私はこのスレッドがかなり古くなっていることは知っていますが、今日はChromeから非同期呼び出しをトレースするためのツールがあるので、私はそれについて言及したいと思います。

Chromeコールスタック非同期呼び出しのバックトレースを実現すると思われる非同期オプション。このオプションは、[開発ツール] - > [コールスタック]タブにあります。 Asyncオプションをオンにし、MutationObserverコールバック関数にブレークポイントを設定することで、完全なコールスタックを見ることができます。

希望します。