私が開発している拡張機能は、jquery を使用して、Google 検索リンクの横にアイコンを追加しています。しかし、問題は、plus.google.com を含む検索結果をクリックしたときに Google プレイスのレビュー セクションが表示されたときに、同じアイコンを追加できないことです。
これが私が言及しているもののスクリーンショットです:(チェックアイコンに注意してください)
これまでのところ、パターンを一致させることで検索結果リンクの横にアイコンを表示することに成功しましたが、右側に表示される大きなタイトルの横にアイコンを配置する方法がわかりません。クリックすると読み込まれるため、ユーザーがクリックするたびに一致するスクリプトを実行する必要がありますか?
何か案は？ありがとう！
これを行うには、次の 2 つの方法があります。
DOMNodeInsertedミューテーション イベントを使用して、新しい要素のサブツリーがページに追加されたかどうかを判断します。一部のページで非常に頻繁に呼び出される可能性があるため、比較的軽量のイベント ハンドラーにする必要があります。また、これは、探している要素ではなく、その親に対しても発生しない可能性があることに注意してください。挿入された要素またはその子の特定の場所を調べて、アイコンを追加します。
タイマーを使用します。タイマー ハンドラーで jQuery セレクターを使用して特定の要素を検索します。
Firefox 互換のスクリプトを実装し、後で Firefox アドオンで使用する予定がある場合は、2 番目の方法が推奨されます。ミューテーション イベントは、アドオンのレビュー警告をもたらします。ただし、私の経験では、DOMNodeInserted イベント リスナーのほうがはるかにうまく機能します (より速く、より簡単にサポートできます)。