ホームページ > 記事 > コンピューターのチュートリアル > browser.tabs.sendmessage オプションの例
この記事では、browser.tabs.sendmessage() オプションを使用して、コンテンツ スクリプトとブラウザ拡張機能のバックグラウンド スクリプト間の通信を可能にするための包括的なガイドを提供します。メッセージの送受信手順の概要を説明します
browser.tabs.sendmessage() オプションを使用すると、コンテンツ スクリプトとブラウザ拡張機能のバックグラウンド スクリプト間の通信が可能になります。このオプションを使用するには、次の手順に従います。<code>browser.tabs.sendmessage()
option enables communication between content scripts and the background script in a browser extension. To use this option, follow these steps:
browser.tabs.sendmessage()
method, specifying the tab ID and the message object as arguments.<code class="javascript">// Content script: browser.tabs.sendMessage({greeting: "Hello from content script!"});</code>
Consider the following points when using browser.tabs.sendmessage()
:
browser.tabs.query()
to get a list of all open tabs.browser.runtime.onMessage.addListener
.To establish communication between a content script and a background script using browser.tabs.sendmessage()
, follow these steps:
browser.runtime.onMessage.addListener
.browser.tabs.sendmessage()
browser.tabs.sendmessage()
メソッドを使用します。 <code class="javascript">// Content script: browser.runtime.onMessage.addListener((request, sender, sendResponse) => { // Handle the received message here }); // Background script: browser.tabs.sendMessage(tabId, {greeting: "Hello from background script!"});</code>🎜browser.tabs.sendmessage() オプションを使用する際の注意点🎜🎜
browser.tabs.sendmessage()
を使用する場合は、次の点を考慮してください。 >:🎜browser.tabs.query()
を使用すると、開いているすべてのタブのリストを取得できます。🎜🎜メッセージ オブジェクトはシリアル化可能である必要があります。つまり、JSON 文字列に変換できます。🎜🎜 バックグラウンド スクリプトbrowser.runtime.onMessage.addListener
を使用してメッセージをリッスンする必要があります。🎜🎜🎜コンテンツ スクリプトとバックグラウンド スクリプトの間で通信するための browser.tabs.sendmessage() オプションの使用方法🎜🎜間の通信を確立するにはbrowser.tabs.sendmessage()
を使用してコンテンツ スクリプトとバックグラウンド スクリプトを作成するには、次の手順に従います。🎜browser.runtime を使用してメッセージのリスナーを定義します。 onMessage.addListener
.🎜🎜 バックグラウンド スクリプトで、browser.tabs.sendmessage()
を使用して、特定のタブまたはすべてのタブにメッセージを送信します。🎜🎜 受信したメッセージを対応するリスナーで処理しますコンテンツ スクリプトとバックグラウンド スクリプトの両方で。🎜🎜rrreee以上がbrowser.tabs.sendmessage オプションの例の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。