如何做 点击 chrome 扩展程序图标转到选项页面

Question

我正在开发一个 chrome 扩展程序，我想点击 chrome 扩展程序图标进入选项页面，有人知道该怎么做吗？

Answer 1

在清单文件中，您可以将 chrome 扩展程序图标的图标保留为

"browser_action": {
"default_icon": {                    // optional
"16": "images/icon16.png",           // optional
"24": "images/icon24.png",           // optional
"32": "images/icon32.png"            // optional
}
}

但是browser_action密钥中不应该有popup.html文件，也不应该有popup.html声明。

现在创建您的后台脚本文件并添加以下代码以通过单击浏览器操作(chrome 扩展程序图标(打开options page

chrome.browserAction.onClicked.addListener(() => {
chrome.runtime.openOptionsPage(() => console.log('options page opened'))
})

还要确保您在清单中提到了options_page密钥.json

您可以在文档本身找到更多详细信息。