为 Chrome 网上应用店构建 Chrome 扩展程序，希望在新选项卡中打开

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 执行我希望我的扩展程序执行的操作，但显然是针对我自己的网站而不是他们的网站。我希望人们能够添加扩展程序，并在 1 次单击后出现在我的网站 www.ourblinds.co.uk 上。

Answer 1

"default_popup" 清单中的键只能指向包含弹出窗口的本地 html 文件（单击工具栏图标后出现的一个非常小的窗口）。你不需要它。使用带有click listener 的background (event) page 脚本，而不是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,
      });
  });
  

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