Question

我正在尝试创建一个非常基本的Chrome扩展程序，它只包含HTML＆amp; CSS。基本上，扩展名应该只提供一些链接供我点击。一切都是静态的，不需要JavaScript。

但是，我有一个问题。当我加载我的扩展程序并单击该链接时，它不会带我到任何地方。当我右键单击它并在新选项卡中打开它时，一切正常。我知道JavaScript，但我不打算创建更复杂的东西，所以请考虑我是新手。为什么链接不起作用？

Answer 1

没有任何JS的纯HTML解决方案只是使用target：

<a href="http://www.example.com" target="_blank">Link</a>

请注意，它会使弹出窗口失去焦点并关闭。如果你需要保持打开状态，请参阅this question（但它需要JS）。

Answer 2

在 popup.js 。

中

$(document).ready(function(){
   $('body').on('click', 'a', function(){
     chrome.tabs.create({url: $(this).attr('href')});
     return false;
   });
});

我使用过jquery。你也可以用纯JavaScript编写它：

document.getElementsByTagName("BODY")[0].onclick = function(e) {
  e = e || event      
  var target = e.target || e.srcElement    
  if (target.nodeName != 'A') return        
  var href = target.href    
  chrome.tabs.create({url: href});
  return false;   
}

纯HTML Chrome扩展程序链接不起作用

2 个答案: