创建目录

acg_chrome_plugin_beta_v0.0.1 这个是我创建的目录名称,在目录中创建 manifest.json 并写入以下数据 , 其中 permissions 这个属性非常关键,表明了插件中是否开启右键菜单的权限。

{"manifest_version": 2,"name":"AcgTools","version":"0.0.1","description":"一款集成二次元网站、资源搜索、CosPlay美图嗅探的工具 - エル・プサイ・コングルゥ(シュタインズ・ゲート) Author:termite.fun","icons":{"16": "imgs/icon.png","48": "imgs/icon.png","128": "imgs/icon.png"},"chrome_url_overrides":{"newtab": "html/newtab1.html"},"permissions": ["contextMenus"],"background":{"scripts": ["js/background.js"]}
}

编写菜单添加功能

在根目录/js 目录下创建 background.js 并加入以下代码

这个代码是从git上clone下来的,然后加以阅读后修改终于得知如果要设置多级菜单需要加入 id 以及 parentid这两个属性并对应

chrome.contextMenus.create({title: "BiliBili 搜索 ‘%s’",contexts: ['selection'],onclick: function(params){// 注意不能使用location.href，因为location是属于background的window对象chrome.tabs.create({url: 'https://search.bilibili.com/all?keyword=' + encodeURI(params.selectionText)});}
})
chrome.contextMenus.create({"title": "萌娘百科 搜索 ‘%s’",contexts:['selection'], "id": "parent",   onclick: function(params)
{chrome.tabs.create({url: 'https://mzh.moegirl.org.cn/' + encodeURI(params.selectionText)});
}},);
chrome.contextMenus.create({"title": "α世界線", "parentId": "parent", "id": "child1"});
chrome.contextMenus.create({"title": "β世界線", "parentId": "parent", "id": "child2"});
chrome.contextMenus.create({"title": "β世界線", "parentId": "child2", "id": "child3"});
chrome.contextMenus.create({"title": "Radio 1", "type": "radio","id": "radio1"});
chrome.contextMenus.create({"title": "Radio 2", "type": "radio","id": "radio2"});
;

好了,大功告成~ 以后可以在任意页面进行b站搜索以及萌娘百科啦~~

Chrome插件开发之添加B站搜索以及萌娘百科菜单相关推荐

chrome插件开发：为页面添加点击事件
目录上面说了些什么? 示例插件示例应用示例插件安装打开开发者模式添加本地插件包安装后的效果插件开发插件介绍目录结构 manifest.json index.html addToke ...
chrome插件开发入门教程
点击上方蓝字"优派编程"选择"加为星标",第一时间关注原创干货原文地址 http://wp.fang1688.cn/study/539.html 这次我在ch ...
chrome插件开发（转）
作者原文:https://www.cnblogs.com/liuxianan/p/chrome-plugin-develop.html 写在前面我花了将近一个多月的时间断断续续写下这篇博文,并精心写 ...
Chrome 插件开发-右键菜单开发实战演示，浏览器页面右键菜单选项设置，插件右键菜单点击插件名跳转主页设置
Chrome 插件开发 - 菜单选项浏览器页面右键菜单选项设置 ① 核心代码演示 ② 效果展示 ③ 详细参数文档插件右键菜单点击插件名跳转主页设置 ① 核心代码演示 ② 演示效果图浏览器页面右键 ...
Chrome 插件开发与本地程序交互流程
Chrome 插件开发与本地程序交互流程一. 将本地程序写入注册表可以采用bat的方式写入注册表 REG ADD "HKCU\Software\Google\Chrome\NativeM ...
十分钟带你入门Chrome插件开发
一.简述我们所说的chrome插件一般都是指chrome扩展程序(Chrome Extension).chrome插件是一个用Web技术开发.用来增强浏览器功能的软件,它其实就是一个由HTML.CS ...
Infinity插件让Chrome浏览器实现添加10+N个快捷方式(不限制)
Infinity插件让Chrome浏览器实现添加10+N个快捷方式(不限制) 文章目录 Infinity插件让Chrome浏览器实现添加10+N个快捷方式(不限制) 前言一.Infinity下载 ...
西安天气html5插件,Chrome 插件开发——本地天气
经常在Chrome应用商店下载扩展程序也就是插件,有时候在想可不可以自己也开发一个插件用用呢?本文就是在这样的背景下产生的,以一个生活必需的简单获取天气的插件作为开发演示,下面就开始我们的Chrome ...
Chrome插件开发实例---刷论坛在线时间小程序
前记: 由于近日注册了某个技术论坛,其论坛要求转为正式会员必须50积分购买邀请号,回答官方预留的题目可以获得30积分,每日在线一小时可以获得1积分上限为5积分.本人回答了官方题目获得30积分,之后就只 ...

Chrome插件开发之添加B站搜索以及萌娘百科菜单

创建目录

编写菜单添加功能

Chrome插件开发之添加B站搜索以及萌娘百科菜单相关推荐

最新文章

热门文章