Question

我想将图片用作按钮（setting.png），然后点击新标签中的网址。

我的popup.html：

    <html>
  <head>

    <style>
    </style>
  </head>
  <body>
    <a href = "http://google.com" id="link"><img src="setting.png" width="30px" height="auto"></a>
    <script src ="javascript.js"></script>
  </body>
</html>

的manifest.json：

{
  "manifest_version": 2,

  "name": "",
  "options_page": "options.html",
  "background": {
        "scripts": [
            "background.js"
        ]
    },
  "description": "",
  "version": "1.5",
  "offline_enabled": true,
  "browser_action": {
    "default_icon": "icon.png",
    "default_popup": "popup.html"
  },
  "icons": { "16": "icon16.png",
              "32": "icon32.png",
           "48": "icon48.png",
           "64": "icon64.png",
          "128": "icon128.png" },

  "permissions": [
    "activeTab",
    "https://ajax.googleapis.com/",
    "storage",
    "tabs"
  ]
}

javascipt.js：

window.addEventListener('click',function(e){
  if(e.target.href!==undefined){
    chrome.tabs.create({url:e.target.href})
  }
})

因此，当我点击图片时，我想在新标签页中打开网址。谢谢！

Answer 1

Chrome会在event.target中设置最里面点击的元素，即图像。
不需要click处理程序，只需使用target="_blank"属性作为链接：

<a href="http://google.com" id="link" target="_blank">

P.S。如果出现问题，始终使用debugger 查看实际发生的情况（在点击处理程序中设置断点，点击链接，检查参数等）。

如何在Chrome扩展程序中的新标签页中打开网址？

1 个答案: