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

时间:2018-06-11 11:40:28

标签: javascript google-chrome google-chrome-extension

我知道点击扩展图标(浏览器右上角,地址栏右侧)可以显示弹出窗口:chrome.browserAction

enter image description here

同样here是如何创建一个选项页面,该页面通常包含以下网址:

chrome-extension://ofodsfyizzsaaahskdhfsdffffdsf/options.html

问题:如何通过单击扩展程序图标在新标签页中打开options.html页面?

1 个答案:

答案 0 :(得分:3)

您可以在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
}
...