Manifest3 之后 ContextMenus也進(jìn)行了升級(jí)。
Manifest3配置如下：

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

background中的scripts改成了service_worker。
Manifest3的文檔地址https://developer.chrome.com/docs/extensions/mv3/intro/
ContextMenus調(diào)用只能在background配置的service_worker里邊，頁(yè)面腳本只能使用部分chrome extension方法。
contextMenus的文檔地址https://developer.chrome.com/docs/extensions/reference/contextMenus/
寫(xiě)法如下：

chrome.contextMenus.create({'id': 'download all image','title': '下載頁(yè)面中圖片','contexts':['page'], })chrome.contextMenus.create({'id': 'download same image','title': '下載同類(lèi)圖片','contexts':['image'], })// 事件回調(diào)都放到了統(tǒng)一一個(gè)地方監(jiān)聽(tīng)。 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')} })

這樣就能在頁(yè)面里邊顯示出右鍵的菜單了。

總結(jié)

以上是生活随笔為你收集整理的Chrome Extension ContextMenus 创建 适配Manifest3的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。