谷歌浏览器插件开发教程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？？