Chrome Extension ContextMenus 创建适配Manifest3

Manifest3 之后 ContextMenus也进行了升级。
Manifest3配置如下：

  "background": {"service_worker": "background.ts"},"permissions": ["contextMenus",]

background中的scripts改成了service_worker。
Manifest3的文档地址https://developer.chrome.com/docs/extensions/mv3/intro/
ContextMenus调用只能在background配置的service_worker里边，页面脚本只能使用部分chrome extension方法。
contextMenus的文档地址https://developer.chrome.com/docs/extensions/reference/contextMenus/
写法如下：

chrome.contextMenus.create({'id': 'download all image','title': '下载页面中图片','contexts':['page'],
})chrome.contextMenus.create({'id': 'download same image','title': '下载同类图片','contexts':['image'],
})// 事件回调都放到了统一一个地方监听。
chrome.contextMenus.onClicked.addListener((info, tab) => {console.log(info ,tab)if (info.menuItemId == 'download all image') {console.log('download all image')} else if (info.menuItemId == 'download same image') {console.log('download same image')}
})

这样就能在页面里边显示出右键的菜单了。

Chrome Extension ContextMenus 创建适配Manifest3相关推荐

Chrome Extension插件开发概述
摘要:本文主要描述关于chrome plugin开发的相关开发知识,着重讲述下popup/background/content-script三者之间的消息互通. 一.Chrome Extension还 ...
Develop chrome extension study
I spent a day in reading the chrome extension development. Its main point is aboout manifest.json an ...
Chrome Extension 介绍
Chrome Extension 介绍 1. Chrome 扩展程序 2. Chrome 扩展的工作方式 3. 扩展程序的组织结构 4. 扩展的安装方式 5. 初步感受 -- 第一个扩展 5.1 创建 ...
SAP成都研究院安德鲁：自己动手开发一个Chrome Extension
各位好,我叫何金鑫(He Andrew), 团队同事亲切地称呼在下为安德鲁.如果你在附近找到wifi热点名为「安德鲁森面包房5g」,可能是我就在附近,我们可以去喝杯咖啡,聊聊最近有趣的东西. 鄙人现 ...
chrome extension develope(1)
每一个扩展.可安装的WebApp.皮肤,都有一个JSON格式的manifest文件,叫manifest.json,里面提供了重要的信息 . 字段说明下面的JSON示例了manifest支持的字段,每 ...
Chrome Extension 检查视图（无效）处理方法
最近闲来无事,简单看了下Chrome扩展的开发,并且开发一个小小的翻译插件(TranslateBao)作为练手,开发细节不详述了,如果有新学习chrome extension开发的新人,可以参考源码, ...
解决chrome extension无法下载的问题
由于GFW把谷歌应用商店给屏蔽了,下载chrome扩展变得很困难. 我使用的是版本30.0.1599.101 m. 那么你需要做的第一个处理是,修改host文件,保证chrome应用商店可以登录.如下 ...
如何在Chrome浏览器中创建账户？
chrome浏览器是一款非常特殊的浏览器,不仅有非常多的用户喜欢使用这款软件,有很多开发者也非常喜欢使用这款软件,在使用浏览器的时候创建账号是一种最简单的方法,其实操作起来非常的简单.方便,但不是所有 ...
Chrome Extension Dark Theme
Chrome Extension & Dark Theme https://chrome.google.com/webstore/detail/eimadpbcbfnmbkopoojfekhn ...

Chrome Extension ContextMenus 创建适配Manifest3

Chrome Extension ContextMenus 创建适配Manifest3相关推荐

最新文章

热门文章

Chrome Extension ContextMenus 创建 适配Manifest3

Chrome Extension ContextMenus 创建 适配Manifest3相关推荐

最新文章

热门文章

Chrome Extension ContextMenus 创建适配Manifest3

Chrome Extension ContextMenus 创建适配Manifest3相关推荐