chrome 插件开发 一个自动点击插件

目前chrome插件的开发规则版本是2,在所有平台都可以启用开发模式

配置文件manifest.json


{
 "name":"监控页面自动切换插件",
 "manifest_version": 2,
 "version":"1.0",
 "description":"内部使用",
 "background": {
 "scripts": ["background.js"]
 },
 "content_scripts":[{
 "matches" : [ "http://*/*" ],
 "js": [ "jquery-1.8.3.min.js","jquery.cookie.js","popup.js" ],
 "run_at" : "document_end"
 }
 ],
 "browser_action":{
 "default_icon":"icon.png",
 "default_popup":"popup.html"
 }
}

说明:manifest_version 必修是整数,其他的文件必须要存在,background :表示这后台运行的JS文件,

content_scripts:表示加入到页面里面的文件 run_at:插入的位置跟多的说明可以参看官方站点,不过要用https才可以

background.js


function sendMessage(msg)
{
 chrome.tabs.getSelected(null, function(tab) {
 chrome.tabs.sendMessage(tab.id, {greeting: msg}, function(response) {
 console.log(response.farewell);
 });
});
}//这个是关键,向前台页面发送消息 我这边的实现是点按钮(popup.html的页面)
//调用sendMessage 发送参数到前台页面

popup.js


chrome.extension.onMessage.addListener(
 function(request, sender, sendResponse) {
 console.log(sender.tab ?
 "from a content script:" + sender.tab.url :
 "from the extension");
 if (request.greeting == "yes")
{
$.cookie("start","yes",{path:'/'});
 checkUrl();//自定义函数
}
 else
{
 $.removeCookie("start",{path:'/'});
}
 sendResponse({farewell: "goodbye"});
 });

//接受后台发送过来的参数,request.greeting 就是后台页面的greeting: msg

1 评论

发表评论

电子邮件地址不会被公开。 必填项已用*标注