01 chrome插件开发之右键百度搜索选定词

最新推荐文章于 2024-06-15 22:53:08 发布

海纳百川程序员

最新推荐文章于 2024-06-15 22:53:08 发布

阅读量147

点赞数

分类专栏： Chrome插件开发文章标签： chrome dubbo 前端

本文链接：https://blog.csdn.net/qq_42574478/article/details/134088311

版权

Chrome插件开发专栏收录该内容

1 篇文章 0 订阅

订阅专栏

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)});
    }
});