DOM要素を変化させているjavascriptを探す

質問

HTML 要素を変更する javascript を見つけるために使用できるテクニックはありますか? 私は、特定の要素がどのようにして display:none というインラインスタイルがロード時に追加されているのを見つけるのに苦労しています。私は最終的にこれを行うスクリプトを見つけることを知っていますが、私はそのプロセスをより簡単にしたいのです。

私の理想的なソリューションは、DOM 要素が変更されるとすぐに javascript の実行を中断する何らかの方法です。私は、Chrome の開発ツールで、要素を右クリックして、[Break On > Attribute Modifications] を選択できることを承知しています。しかし、これはページロード中に起こることなので、他のすべてのスクリプト宣言の前に、「クラスXYZの要素を監視する」というスクリプトを挿入して、要素の変更時にJSの実行を中断できれば、本当にいいと思います。そうすれば、JSの実行は、要素を変更したJSが見えるところで中断するか、コールスタックを見ればわかるかもしれませんが、いずれにせよ、中断の引き金となったスクリプトを見ることができるようになるはずです。私は、Chrome開発ツール/Firebugを使用してそれを行う方法を教えてくれるいくつかの答えを見つけましたが、私が言ったように、この質問はプログラム的アプローチに関するものです。

どのように解決するのですか？

DOM要素上で右クリック > ブレークオン > 属性の変更

の3番経由 https://elijahmanor.com/blog/7-chrome-tips-developers-designers-may-not-know