Chrome 当点击扩展图标时,在新选项卡中打开扩展的options.html页面

ogsagwnx  于 2023-10-14  发布在  Go
关注(0)|答案(2)|浏览(128)

我知道当点击扩展图标(浏览器右上角,地址栏右侧)时可能会弹出:chrome.browserAction

另外,here是如何创建一个选项页面,它通常会有一个URL,如:

chrome-extension://ofodsfyizzsaaahskdhfsdffffdsf/options.html

问题:如何才能使扩展图标上的一个单一的点击打开options.html页面在一个新的选项卡?

f1tvaqid

f1tvaqid1#

您可以在background script中使用以下内容:

background.js

chrome.browserAction.setPopup({popup:''});  //disable browserAction's popup

chrome.browserAction.onClicked.addListener(()=>{
    chrome.tabs.create({url:'options.html'});
});

manifest.json

...
"browser_action": {
    "default_title": "Options"
},
"background": {
    "scripts": ["background.js"],
    "persistent": true
}
...
t9aqgxwy

t9aqgxwy2#

更新Manifest v3:
manifest.json中,添加一个空的action prop以访问chrome.action

"action": {}

您可以在此document中找到更多配置。
重要注意事项:在manifest中的更改之后,您必须重新启动浏览器以使“加载未打包”生效。
在后台/ service worker文件中,添加一个click on extension icon事件的监听器:

chrome.action.onClicked.addListener(() => {
  chrome.runtime.openOptionsPage(() => console.log("debug: options page opened"));
});

相关问题