簡體   English   中英

新標簽功能

[英]New Tab function

我制作了chrome擴展程序,用於收集鏈接並在單擊它們時在新標簽頁中打開它們。 我制作了收集所有當前URL的第一部分,這是popup.js:

function GetUrls()
    {
    var fourmTabs = new Array();
    chrome.tabs.query({}, function (tabs) {
        for (var i = 0; i < tabs.length; i++) {
            fourmTabs[i] = tabs[i];
        }
        for (var i = 0; i < fourmTabs.length; i++) {
            if (fourmTabs[i] != null)
            {
            document.write("<b>" + fourmTabs[i].title + "</b>" + "<br/><a href='" + fourmTabs[i].url + "'>" + fourmTabs[i].url + "</a><br/><br/>");
             }  
            else {
                document.write("??" + i);
            }
        }
    });
    }
    window.addEventListener("DOMContentLoaded", GetUrls());

    function OpenInNewTab(url )
    {
     var win=window.open(url, '_blank');
      win.focus();
    }
     //document.addEventListener('??', OpenInNewTab(??)); 

我嘗試使用此OpenInNewTab()函數,但是由於這些是局部變量,因此無法從GetUrls()向其發送鏈接。 還是有更好的主意來打開我在新標簽頁中獲得的鏈接?

這是popup.html:

<!DOCTYPE html>
<html>
<head>
<title>Links Collector</title>
<style>
body {
  min-width:500px; 
overflow-x:hidden;
}
</style>
<script src="popup.js"></script>
</head>
<body>
<div style="height: 150px; clear: both;"></div>
</body>
</html>

清單文件:

{
  "manifest_version": 2,

  "name": "Links collector",
  "description": "This extension get urls you open and can save them.",
  "version": "1.0",

  "browser_action": {
    "default_icon": "icon.png",
    "default_popup": "popup.html"
  },
  "permissions": [
    "tabs"
  ], 
  "content_security_policy": "script-src 'self'; object-src 'self'"
}

您應該將目標屬性添加到<a> ,如下所示

document.write("<b>" + fourmTabs[i].title + "</b>" + "<br/><a href='" + fourmTabs[i].url + "' target='_blank'>" + fourmTabs[i].url + "</a><br/><br/>");

有關更多信息,請訪問http://www.w3schools.com/tags/att_a_target.asp

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM