default_popup和background.js中的新选项卡是否冲突?

时间:2019-07-11 10:09:31

标签: javascript html google-chrome-extension

我想编写一个带有弹出式html和background.js的chrome扩展程序来创建一个新标签页。但是我发现这两个文件似乎相互冲突。在popup.html中添加按钮时,无法通过单击浏览器工具栏上的图标来创建新标签。请问有办法解决吗?谢谢。

这是我的代码:

manifest.json

{
    "manifest_version": 2,
    "name": "A Test",
    "version": "0.1",

    "background":
    {
        "persistent": false,
        "scripts": ["background.js"]
    },
    "content_scripts": [
    {
        "matches": ["<all_urls>"],
        "js": ["content.js"]
    }],
    "browser_action":
    {
        "default_title": "Test"
        //"default_popup": "index.html"
    },
    "permissions": [
        "activeTab",
        "<all_urls>"
    ]
}

background.js

chrome.browserAction.onClicked.addListener(function(activeTab) {
    var newURL = "https://www.google.com/";
    chrome.tabs.create({
        url: newURL
    });
    console.log("create new tab");
});

index.html

<!DOCTYPE html>
<html>
  <head></head>
  <body>
    <button id="test">TEST!</button>
    <script src="test.js"></script>
  </body>
</html>

test.js 中没有任何内容。这是一个空文件。

0 个答案:

没有答案