从 Javascript 中的 Chrome 扩展程序获取标签页 url

Question

我尝试查看 Stackoverflow，但找不到专门针对此的任何内容。

所以基本上，我的网站有一个共享页面，如下所示：

http://domain.com/share.php?link=http://sharing.url

我的扩展是这样的：

{
 ...
  "browser_action": {
   "default_icon": "icon.ico",
   "default_popup": "schare.html"
 }
...
}

schare.html:

<style>
body, html{
margin:0;
padding:0;
}
iframe{
    width:520px;
    height:200px;
    margin:0;
}
</style>
<iframe id="iframes" frameborder="0"></iframe>
<script type="text/javascript" src="popup.js"></script>

和popup.js：

document.getElementById("iframes").setAttribute("src", "http://domain.com/share.php?link="+location.href+"");

但那是错误的 URL。我怎样才能在不做任何花哨的事情的情况下获得标签网址？

Answer 1

如果您在当前窗口中有一组选项卡，而不仅仅是一个，则下面的代码可能不起作用。这是修改后的版本

chrome.tabs.query({active : true, currentWindow: true}, function (tabs) { var tab = (tabs.length === 0 ? tabs : tabs[0]);
var activeTabUrl = tab.url; });

Answer 2

您可以通过调用chrome.tabs.query 来获取当前活动的标签。回调函数将接收reference to the tab 作为参数。

所以要获取活动标签的 URL，你可以使用这个：

chrome.tabs.query({active : true, currentWindow: true}, function (tab) {
    var activeTabUrl = tab.url;
});

注意，getCurrent() 方法使用回调，所以不要尝试在线性代码中使用。