如何在Chrome扩展内的新选项卡中打开URL？

我想使用图片作为按钮（setting.png），并点击在新标签中打开一个URL。如何在Chrome扩展内的新选项卡中打开URL？

我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}) 
    } 
})

所以，当我点击图片，我想开了新标签中的网址。谢谢！

来源

2015-12-09 Han

请下次使用搜索。 – Xan

对不起@xan，但这不符合我的需要。 – Han

它明确做到了。您不使用jQuery，因此接受的答案不适用，但有2个非jQuery答案。 – Xan

Chrome设置event.target这个图像中最里面的点击元素。
没有必要为click处理，只是用target="_blank"属性的链接：

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

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

来源

2015-12-09 13:46:13 wOxxOm

谢谢你回答@wOxxOm！好吧，如果我错了，那么纠正我，我可以删除点击处理程序（即所有的JS）？我已经使用了你的代码，但它仍然不能正常工作。 – Han

1.'不需要点击处理程序'，因为你可以在答案中看到它。2.它的工作原理，我刚刚在这里测试了它。 – wOxxOm

您正在使用的确切代码或将整个扩展上传到某处，例如http://tinyupload.com/ – wOxxOm

如何在Chrome扩展内的新选项卡中打开URL？

回答

相关问题