Question

为Chrome网上应用店构建Chrome扩展程序，想要在新标签页中打开，无法解决问题。这是my extension，正如您所看到的，它正在扩展中打开窗口。我希望它能够打开新标签并直接进入网页，或从他们所在的任何页面加载我的网站。

我写的JSON：

    {
"name": "Our Blinds",
"version": "0.2",
"manifest_version": 2,
"description": "This app will link to the Our Blinds website, where you can buy made to measure window blinds",
"browser_action": {
    "default_icon": "128.png",
    "default_title": "made to measure window blinds",
    "default_popup": "www.ourblinds.co.uk"
},
"content_security_policy": "script-src 'self' https://www.google.com; object-src 'self'",
"icons": {
    "128": "icon.png"
}
}

我需要更改哪些内容才能在新标签中打开？我想通过将网址作为默认弹出窗口，它应该在新的或相同的选项卡中打开。

例如，this extension执行我希望我的扩展程序执行的操作，但显然是我自己的网站而不是他们的网站。我希望人们能够添加扩展程序，并在我的网站www.ourblinds.co.uk上单击一下。

Answer 1

清单中的

"default_popup"键只能指向包含弹出窗口的本地html文件（单击工具栏图标后出现的一个非常小的窗口）。你不需要它。使用background (event) page脚本与click listener代替opens a new tab：

manifest.json，相关部分：

    "browser_action": {
        "default_icon": "128.png",
        "default_title": "made to measure window blinds",
    },
    "background": {
        "scripts": ["background.js"],
        "persistent": false
    },

background.js：

chrome.browserAction.onClicked.addListener(function(tab) {
    chrome.tabs.create({
        url: 'http://exampe.com',
        active: true,
    });
});

P.S。您的128px图标现在看起来不会很清晰，因为它会自动拉伸到正确的大小。考虑制作Chrome使用的16x16,19x19,32x32,38x38尺寸的正确缩放图标，并以相同的方式声明它们（"16": "16.png"等等。）

为Chrome网上应用店构建Chrome扩展程序，想要在新标签页中打开

1 个答案: