javascript - より多くのデータがDOMに非同期でフェッチされているかどうかを検出する方法は?

Question

具体的には、Facebookページがロードされたときにこの関数を呼び出したい:

window.addEventListener('load', myFunc);

ただし、関数は 1 回だけ呼び出されるようです (DOM が構築された後)。また、ページの下部をスクロールしてさらにデータがフェッチされたときに、その関数が動的に呼び出されるようにしたいと考えています。どのようなイベントリスナーを設定すればよいですか? 代替ソリューションは何ですか？

Answer 1

DOMへの一般的な変更を検出するための優れたクロスブラウザの方法はありません。オプションのいくつかを次に示します。

1. DOMミューテーションオブザーバー（一部のブラウザーでのみサポート）：新しいミューテーションオブザーバー と非推奨のミューテーションイベント。

2. コンテンツを定期的にポーリングして、新しいものが追加されているかどうかを確認するタイマー。

3. スクロールイベントを監視し、スクロールバーが一番下に来たときにポーリングをトリガーします（＃2のより効率的なバージョンの可能性があります）。