瀏覽器擴展程序後臺運行腳本，然後內容腳本

在瀏覽器中點擊行動我執行我的注入腳本注入一些嵌套的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; 
    } 
});

是的，我知道這種編碼是不好的做法，但我只是想讓我的擴展工作，但沒有運氣到目前爲止。消息傳遞也沒有幫助。

來源

2016-05-13 Nikas Žalias

對你的問題不太清楚。你是什麼意思「重新加載內容腳本而不重新加載頁面」？你的意思是拒絕'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']); 
});

來源

2016-05-16 12:19:41

瀏覽器擴展程序後臺運行腳本，然後內容腳本

回答

相關問題