我正在尝试从Chrome扩展程序中打开一个新选项卡 . 我在这里搜索，但我发现的任何东西似乎都没有解决这个问题 .

我只是想让它在点击按钮上打开一个标签 .

manifest {"manifest_version"：2，

"name": "TestExtension",
  "description": "La LA LA",
  "version": "1.0",

  "browser_action": {
    "default_icon": "img/icon.png",
    "default_popup": "popup.html"
  },
  "background": {
      "scripts": ["background.js"]
  },
  "permissions": [
    "activeTab",
    "tabs"
  ]
}

popup.html:

<!DOCTYPE html>
<html>
  <head>
    ...
  </head>
  <body>
    <div id="main" class="container">
      <button class="btn btn-success" id="doItBtn">Do it NOW!        
  </body>
</html>

background.js

document.addEventListener('DOMContentLoaded', function () {
    var btn = document.getElementsById("doItBtn");
    btn.addEventListener('click', function () {
        chrome.tabs.create({active: true, url: "http://www.ynet.co.il"});
    });
});

我试着不把代码放在backgorund.js中，而是简单的脚本标签，但是没有用到 .

我做错了什么？

问候，Ido

google-chrome-extension