Chrome扩展程序可通过单击浏览器操作来创建.html页面。

Question

我一直试图环顾网络，但很难找到答案。我看到了一些网页扩展程序，例如OneTab，当您点击index.html按钮时会打开本地browser action页面。有人知道在按下chrome extension后如何让我的browser action打开index.html页面吗？

Answer 1

您应该查看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") });
});

Answer 2

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

1。作为弹出窗口

<强>的manifest.json

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

2。作为Chrome浏览器中的普通页面

<强>的manifest.json

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

<强> background.js

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

Answer 3

您的问题似乎有两个部分

1。回复browserAction点击事件

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

2。打开本地html页面

您可以通过chrome.runtime.getURL("index.html")

获取本地网页网址

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