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的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。