Question

我正在尝试创建一个Chrome扩展程序，该扩展程序从当前标签页的DOM中检索某些内容，然后打开一个新标签页，并使用先前检索到的内容对该新标签页执行操作。

我正在尝试使用回调执行此序列，但是我不知道执行此操作的正确方法。现在，我可以执行第一个脚本，并从当前选项卡DOM中获取内容：我仍然无法将内容传递给第二个脚本Utility2.js，以便在新选项卡上执行。

这是我当前的代码：

popup.html

<!doctype html>  
<html>  
    <head><title>Extension</title></head>  
<body>  
    <button id="clickactivity">Click here</button>  
    <script src="popup.js"></script> 
</body>
</html>

popup.js

function injectTheScript() {
    var tempStorage;
        chrome.tabs.query({active: true, currentWindow: true}, function(tabs) {
            chrome.tabs.executeScript(tabs[0].id, {file: "content_script.js"}, function(results){
                tempStorage = results[0];
            });

            chrome.tabs.create({"url":"http://www.google.com","selected":true}, function(tab) {
            });

        });

}

document.getElementById('clickactivity').addEventListener('click', injectTheScript);

contentScript.js

function execContentScript() {

    var code = document.getElementById('textarea').value;
    return code;

}

execContentScript();

manifest.json

{
    "manifest_version": 2,
    "name": "My extension",  
    "description": "My extension",  
    "version": "1.0",    
    "permissions": ["tabs", "<all_urls>","activeTab"],  

    "browser_action": { 
        "default_popup": "popup.html"  
    }
}

Chrome扩展程序在两个选项卡上运行

0 个答案: