javascript - DOM の読み込みをステップ実行する方法はありますか?

Question

私はサイトで作業しており、いくつかのレスポンシブルールを設定しました。ある時点の後、奇妙な灰色の形が 1 秒間現れてから消えるように見えます。

要素の読み込み時に DOM をステップスルーすることはできますか? これを引き起こしている要素を特定するのに苦労しています。明らかに変更しているものですが、ロックできません。

助言がありますか？ありがとう。

score 2 · Accepted Answer

これが機能するかどうかはわかりませんが、ページの上部に次のようなものを配置してみてください。

<script type="text/javascript">
debugger;
</script>

score 1 · Accepted Answer

--show-paint-rectクロムにはオプションがあります。

~~しばらく試していませんが、現在のバージョンでどの程度サポートされているかわかりません...~~

編集：

わかりました、彼らはそれを Dev Tools に移動したようです。開発者ツールが表示されたら、設定アイコン (ツールパネルの右下隅) をクリックします。「ペイント長方形を表示」チェックボックスがあります。確認したら、ページをリロードして、レンダリングされた方法を確認できます。

ただし、これの元の実装はもう少し効率的であるように見えました。

2 に答える 2