简单谷歌插件制作,扩展右键菜单,搜索选中文字

只需要两个文件

manifest.json 和 background.js

manifest.json

{
  "name": "Hello Extensions",
  "description" : "Base Level Extension",
  "version": "1.0",
  "manifest_version": 2,
  "permissions": ["contextMenus","tabs"],
  "background": {
    "scripts": ["background.js"],
    "persistent": false
  }
}

background.js

chrome.runtime.onInstalled.addListener(function() {
    chrome.contextMenus.create({
        id: 'search',
        title: '我的搜索',
        type: 'normal',
        contexts: ['selection'],
    });
    chrome.contextMenus.create({
        id: 'fz',
        title: '使用番组计划搜索',
        type: 'normal',
        contexts: ['selection'],
        parentId:'search',
    });
    chrome.contextMenus.create({
        id: 'bilibili',
        title: '使用bilibili搜索',
        type: 'normal',
        contexts: ['selection'],
        parentId:'search',
    });
    chrome.contextMenus.create({
        id: 'google',
        title: '使用谷歌搜索',
        type: 'normal',
        contexts: ['selection'],
        parentId:'search',
    });
    chrome.contextMenus.onClicked.addListener(function(info, tab) {
        if (info.menuItemId === "fz") { // here's where you'll need the ID
            // do something
            console.log('info',info)
            console.log('tab',tab)
            chrome.tabs.create({url: `https://bangumi.tv/subject_search/${info.selectionText}?cat=all`});
        }
        else if (info.menuItemId === "bilibili") { // here's where you'll need the ID
            // do something
            console.log('info',info)
            console.log('tab',tab)
            chrome.tabs.create({url: `https://search.bilibili.com/all?keyword=${info.selectionText}&from_source=webtop_search`});
        }
        else if (info.menuItemId === "google") { // here's where you'll need the ID
            // do something
            console.log('info',info)
            console.log('tab',tab)
            chrome.tabs.create({url: `https://www.google.com/search?q=${info.selectionText}`});
        }
    });
});

安装扩展

选则文件所在的目录即可
在这里插入图片描述

测试效果

在这里插入图片描述

请添加图片描述

  • 2
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值