使用executeScript獲取站點變量

Question

我有一個網站，其對象存儲在javascript變量中，當我從Web控制台運行images ，這是輸出：

Object {123: Array[3], 444: Array[3], 654: Array[3]}

我需要將此變量添加到我的擴展程序中。

我嘗試使用此代碼未成功：

content.js：

function exeecuteCode(tab, code, callback) {
    chrome.tabs.executeScript(tab.id, {code}, response => {
        debugger;
    });
}

index.js：

(function() {
    document.addEventListener('DOMContentLoaded', () => {
        chrome.tabs.getSelected(null, tab => {
            executeCode(tab, "if (typeof images !== 'undefined') document.getElementsByTagName('body')[0].setAttribute('tmp_images', JSON.stringify(images));\n";);
        });
    }, false);
}());

我的manifest.json包含content.js文件，如下所示。

manifest.json：

"content_scripts": [
    {
        "matches": ["<all_urls>"],
        "js": ["content.js"]
    }
]

將屬性添加到body元素后，我知道如何取回。

唯一不起作用的是上面的代碼。 我沒有收到任何錯誤，並且如果我在選項卡控制台中運行代碼，它將可以正常工作。

在此先感謝您的幫助！

Answer 1

1. chrome.tabs.executeScript無法在內容腳本中調用，您需要將其移至后台頁面
2. 默認情況下，內容腳本將在document_idle運行，這意味着在注入腳本之前已觸發DOMContentLoaded 。 您可以在調用chrome.tabs.executeScript時添加runAt: 'document_start'或僅刪除外部DOMContentLoaded處理程序，具體取決於您的需求。