1 创建manifest.json
{
"manifest_version":2,//版本号,由google指定为2
"name": "BaiduSearch",//插件名称
"version":"1.0",//插件版本
"description":"BaiduSearch插件",//插件描述
"icons":{//插件图标
"128":"assets/img/logo.png",
"48":"assets/img/logo.png",
"16":"assets/img/logo.png"
},
"browser_action":{
"default_icon":"assets/img/logo.png"//插件图标
// "default_popup":"popup.html"//点击图标后弹出的html互动文件
},
"background":{
"scripts":["background.js"]//关联的代码
// "persistent":false//是否在页面上一直运行
},
"permissions":[
"contextMenus"
]
}
2 创建background.js
// //1、创建contextMenus
// var contextMenu = {
// id:"baiduSearch",
// title:"百度搜索",
// //contexts:page,video...
// contexts:["selection"]
// }
// chrome.contextMenus.create(contextMenu);
// //2、为contextMenus添加事件监听
// chrome.contextMenus.onClicked.addListener(function(clickData){
// //clickData.menuItemId:被点击的菜单选项卡的id
// //clickData.selectionText:选中的内容
// if(clickData.menuItemId == 'baiduSearch' && clickData.selectionText){
// alert(clickData.selectionText)
// }
// })
chrome.contextMenus.create({
id:"baiduSearch",
title: '使用度娘搜索:%s', // %s表示选中的文字
contexts: ['selection'], // 只有当选中文字时才会出现此右键菜单
onclick: function(params)
{
// 注意不能使用location.href,因为location是属于background的window对象
chrome.tabs.create({url: 'https://www.baidu.com/s?ie=utf-8&wd=' + encodeURI(params.selectionText)});
}
});
3 让浏览器加载插件
附加资源: