google-chrome-extension - コンテンツ スクリプトを使用してタブの DOM を取得する

Question

popup.html にスクリプトがあります。

 </body>
 <script src="popup.js"></script>
 </html>

特定のタブのDOMを取得しようとしています。より具体的には、現在のページの特定のタブに特定の要素が存在するかどうかを判断し、この情報を popup.js 内で使用しようとしています。どうすればこれを行うことができますか？

Answer 1

ポップアップから現在のページ DOM にアクセスすることはできません。そのためのコンテンツ スクリプトが必要です。次の 3 つのスクリプトを設定することから始めます。

• ポップアップ スクリプト
• 背景ページのスクリプト
• コンテンツスクリプト

これらを使用すると、バックグラウンド スクリプトをプロキシとして使用して、ポップアップ スクリプトとコンテンツ スクリプトの間でメッセージを送信できます。メッセージ パッシングについては、こちらを参照してください。

コンテンツ スクリプトの代わりにexecuteScriptを使用すると、プロセスを少し簡略化できます。ただし、ポップアップ スクリプトとバックグラウンド ページ間の通信は引き続き必要です。