你应该看看chrome.browserAction和chrome.runtime.getURL。
manifest.json

{
    "name": "Your Extension Name",
    "description": "Your Extension Description",
    "version": "0.1",
    "manifest_version": 2,
    "background": {
        "scripts": ["background.js"],
        "persistent": false
    },
    "browser_action": {
         "title": "Your Browser Action Name"
    }
}

字符串
background.js

chrome.browserAction.onClicked.addListener(function () {
    chrome.tabs.create({ url: chrome.runtime.getURL("index.html") });
});

型

有两种方法可以通过浏览器操作打开本地HTML页面。

1.弹出

manifest.json

"browser_action":   {
                            "default_icon"  :   "128.png",
                            "default_popup" :   "localPage.html",
                            "default_title" :   "localPage title"
                        }

字符串

2.在Google Chrome浏览器中作为普通页面

manifest.json

"background": {
        "scripts": ["background.js"]
    },

型

后台.js

chrome.browserAction.onClicked.addListener(function () {
    chrome.tabs.create({ url: chrome.runtime.getURL("localpage.html") });
});

型

你的问题似乎有两个部分

1.响应browserAction点击事件

chrome.browserAction.onClicked.addListener(function () {
        // Your code here
    });

字符串

2.打开本地html页面

您可以通过chrome.runtime.getURL("index.html")获取本地页面URL
然后你可以使用chrome.tabs.create({ url: chrome.runtime.getURL("index.html") });打开本地的html页面。

现有的答案已经过时，不再适用于Manifest版本3。
在manifest.json中，你需要使用action和service_worker：

{
    ...
    "manifest_version": 3,
    "action": {},
    "background": {"service_worker": "background.js"}
}

字符串
(Note你需要"action"，即使它是空的。
在background.js中，你需要使用chrome.action：

chrome.action.onClicked.addListener(() => {
    chrome.tabs.create({
        url: chrome.runtime.getURL("index.html")
    });
});

型