浏览器扩展程序后台运行脚本，然后内容脚本

问题描述：

在浏览器中点击行动我执行我的注入脚本注入一些嵌套的div浏览器扩展程序后台运行脚本，然后内容脚本

chrome.tabs.executeScript(tab.id, { 
    file: 'src/injection.js' 
});

之前，我点击浏览器操作我的内容脚本运行，因为它应该不工作，因为在浏览器动作中注入的div缺失。有没有解决方案来重新加载内容脚本而无需重新加载页面？

我发现建议，把我的内容脚本文件到chrome.tabs.executeScript功能，但它不能正常工作

UPDATE

的manifest.json

{ 
    "background": { 
     "page": "background/background.html", 
     "persistent": true 
    }, 
    "browser_action": { 
     "default_icon": "img/favicon.png", 
     "default_title": "CheapWatcher" 
    }, 
    "content_scripts": [{ 
     "js": [ 
      "lib/jquery.min.js", 
      "lib/jquery-ui.min.js", 
      "lib/jquery.mousewheel.js", 
      "lib/jquery.mCustomScrollbar.min.js", 

      "lib/angular.min.js", 
      "lib/angular-sanitize.min.js", 
      "lib/angular-route.min.js", 
      "lib/angular-ui-router.min.js" 
     ], 
     "matches": [ 
      "http://*/*", 
      "https://*/*" 
     ], 
     "run_at": "document_end" 
    }], 
    "content_security_policy": "script-src 'self'; object-src 'self", 
    "description": "This extension demonstrates injection", 
    "manifest_version": 2, 
    "name": "CheapWatcher", 
    "permissions": [ 
     "http://*/", 
     "https://*/", 
     "<all_urls>", 
     "tabs", 
     "cookies" 
    ], 
    "version": "1.0", 
    "web_accessible_resources": [ 
     "views/*.html", 
     "src/*.js", 
     "css/*.css", 
     "lib/*", 
     "img/*.png", 
     "img/*.gif", 
     "img/*.ico", 
     "fonts/*.ttf", 
     "fonts/*.otf" 
    ] 
}

我从background.js呼叫chrome.tabs.executeScript

chrome.browserAction.onClicked.addListener(function (tab) { 
    if (pageRefreshed === true || pageRefreshed === false && sidebarActive === false && buttonClickedCount === 0 && newTab === false || newTab === true) { 
     chrome.tabs.executeScript(null, {file: "src/injection.js"}); 
     chrome.tabs.executeScript(null, {file: "src/app.js"}); 
     chrome.tabs.executeScript(null, {file: "src/MainController.js"}); 
     chrome.tabs.executeScript(null, {file: "src/LoginController.js"}); 
     chrome.tabs.executeScript(null, {file: "src/ListController.js"}); 
     chrome.tabs.executeScript(null, {file: "src/ErrorController.js"}); 
     chrome.tabs.executeScript(null, {file: "src/NotifyController.js"}); 
     chrome.tabs.executeScript(null, {file: "src/TargetController.js"}); 
     chrome.tabs.executeScript(null, {file: "src/RegisterController.js"}); 
     chrome.tabs.executeScript(null, {file: "src/ResetPassController.js"}); 
     chrome.tabs.executeScript(null, {file: "src/ScrollTargetController.js"}); 
     chrome.tabs.executeScript(null, {file: "src/SetTargetController.js"}); 
     chrome.tabs.executeScript(tab.id, { 
      code: "$('.cheap-watcher').animate({ 'right': '0px' }, 'slow');" 
     }); 
     sidebarActive = true; 
     buttonClickedCount = 1; 
     newTab = false; 
     pageRefreshed = false; 
    } 
    else if (sidebarActive === true && buttonClickedCount > 0) { 
     chrome.tabs.executeScript(tab.id, { 
      code: "$('.cheap-watcher').animate({ 'right': '-370px' }, 'slow');" 
     }); 
     sidebarActive = false; 
    } 
    else if (sidebarActive === false && buttonClickedCount > 0) { 
     chrome.tabs.executeScript(tab.id, { 
      code: "$('.cheap-watcher').animate({ 'right': '0px' }, 'slow');" 
     }); 
     sidebarActive = true; 
    } 
});

是的，我知道这种编码是不好的做法，但我只是想让我的扩展工作，但没有运气到目前为止。消息传递也没有帮助。

对你的问题不太清楚。你是什么意思“重新加载内容脚本而不重新加载页面”？你的意思是拒绝'injection.js'？ –

@HaibaraAi当我重新加载页面时，我的内容脚本运行并执行一些操作。当我点击browserAction时，我的后台脚本会注入嵌套div并向用户显示注入的内容。注入的屏幕是空的，因为我的内容脚本在单击browserAction之前运行，所以我想重新加载我的内容脚本，以便在注入的div出现时运行 –

要避免竞争条件，请尝试从bg脚本向pageAction发送消息，运行pageAction中的代码只有在收到消息后才会执行。查看chrome.runtime.sendMessage获取更多信息。 – lobo

答

所以我所做的一切都是好的，但我错过的唯一的事情是手动引导我的角模块，所以我只是在我的SetTargetController.js写了这个代码（因为它是被注入的最后一个角文件）

angular.element(document).ready(function() { 
    angular.bootstrap(document, ['app']); 
});

浏览器扩展程序后台运行脚本，然后内容脚本

相关推荐