ホームページ >ウェブフロントエンド >jsチュートリアル >Chrome 拡張機能で挿入されたコンテンツ スクリプトにパラメータを渡す方法

Chrome 拡張機能で挿入されたコンテンツ スクリプトにパラメータを渡す方法

Mary-Kate Olsen
Mary-Kate Olsenオリジナル
2024-10-28 07:19:30647ブラウズ

How to Pass Parameters to Injected Content Scripts in Chrome Extensions?

chrome.tabs.executeScript() を使用して、挿入されたコンテンツ スクリプトにパラメータを渡す

chrome.tabs.executeScript(tab.id, {file: "content.js"})、パラメータをスクリプトに直接渡す方法はありません。ただし、この機能は 2 つの代替方法を使用して実装できます。

実行前のパラメータの設定

コンテンツ スクリプトを実行する前に変数を定義するには、以下に示すように chrome.tabs.executeScript 呼び出しをネストします。

chrome.tabs.executeScript(tab.id, {
    code: 'var config = 1;'
}, function() {
    chrome.tabs.executeScript(tab.id, {file: 'content.js'});
});

複雑な変数の場合は、JSON.stringify を使用してオブジェクトを文字列に変換します。

var config = {somebigobject: 'complicated value'};
chrome.tabs.executeScript(tab.id, {
    code: 'var config = ' + JSON.stringify(config)
}, function() {
    chrome.tabs.executeScript(tab.id, {file: 'content.js'});
});

content.js では、alert('Example:' config); を使用して変数にアクセスします。 .

実行後のパラメータの設定

実行後にパラメータを設定するには、メッセージ受け渡し API を使用します。

chrome.tabs.executeScript(tab.id, {file: 'content.js'}, function() {
    chrome.tabs.sendMessage(tab.id, 'whatever value; String, object, whatever');
});

content.js では、chrome.runtime を使用してメッセージをリッスンします。 .onMessage.addListener(function(message, sender, sendResponse) { // メッセージを処理します });メッセージにはパラメータ値が含まれます。

以上がChrome 拡張機能で挿入されたコンテンツ スクリプトにパラメータを渡す方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。