如何將參數傳遞給 Chrome 擴充功能中的注入內容腳本？

使用chrome.tabs.executeScript() 將參數傳遞給注入的內容腳本

使用chrome.tabs.executeScript(tab.id, {file: "content .js"})，沒有直接的方法將參數傳遞給腳本。但是，您可以使用兩種替代方法來實現此功能：

執行前設定參數

要在執行內容腳本之前定義變量，請嵌套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中文網其他相關文章！