谷歌瀏覽器插件開發教程3

谷歌瀏覽器插件開發教程3

background.js使用方法

{
    "name": "todo-plugin",
    "version": "0.9.0",
    "manifest_version": 2,
    "description": "chrome plugin demo",
    "browser_action": {
        "default_icon": "icon.png",
        "default_title": "Todo List",
        "default_popup": "popup.html"
    },
    "content_scripts": [{  //對頁面內容進行操做的腳本
         "matches": ["http://*/*","https://*/*"],  //知足什麼條件執行該插件 
         "js": ["jquery.min.js","test.js"]
    }],
    "background":{
    "scripts":["jquery.min.js","background.js"]
    }
    
}

background.js

function test(){
    alert("test");
}

$(function(){
    // 先獲取background頁面
var bg = chrome.extension.getBackgroundPage();
//再在返回的對象上調用background.js 裏面的函數
bg.test();
  chrome.tabs.query({active:true, currentWindow:true}, function (tab) {//獲取當前tab
            //向tab發送請求
            chrome.tabs.sendMessage(tab[0].id, { 
                action: "send",
                keyword: "關鍵字"
            }, function (response) {
                console.log(response);
            });
        });
})

test.js代碼如上 

 

這樣test.js能夠跟background.js通訊了

 

ps:background.js 中的全局變量在瀏覽器運行時都不會被銷燬。

 

點擊 是否是彈出test？？