定期的なチェックを使用してブラウザ拡張機能として Web ページへの要素の追加を検出する方法

ブラウザ拡張機能として Web ページへの要素の追加を検出する

DOM 要素がページに追加されたときに自分自身に通知するには、次のことを考慮してください。次のアプローチ:

オプション 1: DOM 変更イベント (非推奨)

以前は、変更イベントによって DOM の変更を監視する方法が提供されていました。ただし、2012 年に非推奨となったため、使用できなくなりました。

オプション 2: 定期的なチェック

Web ページの独立した性質と、Web ページのソースを変更できないためブラウザ拡張機能のコンテキストでは、定期的なチェックが依然として唯一の実行可能な解決策です。

関数 checkDOMChange() を実装して、次のことを行います。

• 挿入される新しい要素または特定の要素を継続的にチェックする
• 継続的な監視を確保するために、100 ミリ秒 (1/10 秒) ごとに 自体を再帰的に呼び出します。

<code class="python">function checkDOMChange() {
    // Check for element insertion or node modification

    // Recursively call the function after 100 milliseconds
    setTimeout(checkDOMChange, 100);
}</code>

注: 定期的なチェックはリアルタイムの観察ほど効率的ではない可能性がありますが、即時通知が重要ではないほとんどのユースケースでは十分です。

以上が定期的なチェックを使用してブラウザ拡張機能として Web ページへの要素の追加を検出する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。