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

    }

});

————————————————

                            版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

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

https://blog.51cto.com/u_16120231/10830465

https://zhuanlan.zhihu.com/p/661185676