如何在Chrome擴展中打開新標籤（Manifest v2）

Question

我有一個簡單的Chrome擴展，點擊一些URL後會打開新的Chrome標籤。 我使用的成功簡單的在線的JavaScript

... 
<script type="text/javascript"> 
function LaunchURL(oURL) { 
var launchType = localStorage["LS_LaunchType"];   
    switch (launchType) { 
     case "TN": 
      chrome.tabs.create({ url: oURL }); 
      break; 
     case "WN": 
      chrome.windows.create({ url: oURL }); 
      break; 
     default: 
      chrome.tabs.create({ url: oURL }); 
      break; 
    } 
} 
</script> 
... 
<a href="javascript:LaunchURL('http://foo.com')">My hyperlink</a> 

我想升級的manifest.json 2版本，但現在在行腳本被阻止出於安全原因。 如何打開新標籤頁？ 我試圖創建一個單獨的JavaScript文件與以前的功能，但沒有成功。

Answer 1

你有什麼應該在外部JavaScript文件中正常工作，但你需要從錨標記中刪除腳本。相反，只需在錨標記中添加url，並在javascript中添加一個事件偵聽器，以防止默認操作。

所以在你的頁面有：

<script src="external.js"></script> 
<a href="http://foo.com">My hyperlink</a> 

而且在external.js您有：

document.addEventListener("DOMContentLoaded", function() { 

    var anchors = document.querySelectorAll("a"); 
    for (var i = 0; i < anchors.length; i++) { 
     anchors[i].addEventListener("click", function(event) { 
      LaunchURL(event.currentTarget.href); 
      event.preventDefault(); 
     }); 
    } 

    function LaunchURL(oURL) { 
     var launchType = localStorage["LS_LaunchType"];   
      switch (launchType) { 
       case "TN": 
        chrome.tabs.create({ url: oURL }); 
        break; 
       case "WN": 
        chrome.windows.create({ url: oURL }); 
        break; 
       default: 
        chrome.tabs.create({ url: oURL }); 
        break; 
      } 
     } 
});