如何从Google Chrome扩展程序获取当前标签的网址？

Question

我对Google Chrome扩展程序很有趣，我只想知道如何将当前选项卡的URL存储在变量中？

Answer 1

一位朋友回答我的问题。

首先，你要设置的权限选项卡API：

"permissions": [ 
    "tabs" 
] 

以及存储的网址：

chrome.tabs.getSelected(null,function(tab) { 
    var tablink = tab.url; 
}); 

Answer 2

你好这里是谷歌浏览器样品哪些电子邮件当前网站给朋友。背后的基本理念是你想要的...首先它提取页面的内容（不是为了表达你的意思）...之后它会得到URL（< - 很好的部分）

此外它是一个很好的工作代码示例，我比阅读文档更喜欢使用它。

可以在这里找到： Email this page

Answer 3

的问题是，chrome.tabs.getSelected是异步的。下面的代码通常不会按预期工作。

var tablink; 
chrome.tabs.getSelected(null,function(tab) { 
    tablink = tab.url; 
}); 
console.log(tablink); 

解决的办法是包，你将使用代码：当它被写入到控制台，因为getSelected尚未调用的重置价值回调“tablink”的值仍然是undefined值在一个函数中，并由getSelected调用。通过这种方式，您可以保证始终有一个值集，因为您的代码在执行之前必须等待提供的值。

尝试类似：

chrome.tabs.getSelected(null, function(tab) { 
    myFunction(tab.url); 
}); 

function myFunction(tablink) { 
    // do stuff here 
    console.log(tablink); 
} 

Answer 4

更新：的chrome.tabs.getSelected()方法现在已经过时。

获取当前选项卡的URL的推荐方式是使用chrome.tabs.query()。

使用示例：

chrome.tabs.query({'active': true, 'lastFocusedWindow': true}, function (tabs) { 
    var url = tabs[0].url; 
}); 

这就需要你请求访问chrome.tabs API在extension manifest：

"permissions": [ ... 
    "tabs" 
] 

需要注意的是你的“当前标签”的定义是非常重要的可能会因您的分机的需要而有所不同。

查询中的设置lastFocusedWindow: true适合于当您要访问用户关注的窗口（通常是最上面的窗口）中的当前选项卡时。

设置currentWindow: true允许您获取当前正在执行扩展代码的窗口中的当前选项卡。例如，如果您的扩展程序创建一个新的窗口/弹出窗口（更改焦点），但仍希望从运行扩展的窗口访问选项卡信息，这可能会很有用。

在本例中，我选择使用lastFocusedWindow: true，因为Google会调出其中的currentWindowmay not always be present。

你可以自由地进一步细化使用任何这里定义的属性的标签查询：chrome.tabs.query

Answer 5

对于使用context menu api那些，该文档是不如何获得标签的信息立即清除。

chrome.contextMenus.onClicked.addListener(function(info, tab) { 
    console.log(info); 
    return console.log(tab); 
    }); 

https://developer.chrome.com/extensions/contextMenus

Answer 6

你必须检查this。

HTML

<button id="saveActionId"> Save </button> 

的manifest.json

"permissions": [ 
    "activeTab", 
    "tabs" 
    ] 

的JavaScript
以下的代码的活动窗口的所有URL保存到JSON对象作为按钮的一部分单击。

var saveActionButton = document.getElementById('saveActionId'); 
saveActionButton.addEventListener('click', function() { 
    myArray = []; 
    chrome.tabs.query({"currentWindow": true}, //{"windowId": targetWindow.id, "index": tabPosition}); 
    function (array_of_Tabs) { //Tab tab 
     arrayLength = array_of_Tabs.length; 
     //alert(arrayLength); 
     for (var i = 0; i < arrayLength; i++) { 
      myArray.push(array_of_Tabs[i].url); 
     } 
     obj = JSON.parse(JSON.stringify(myArray)); 
    }); 
}, false); 

Answer 7

其他答案假设你想通过弹出或背景脚本知道它。

如果你想从内容脚本知道当前的URL ，标准JS方式适用：

window.location.toString() 

您可以使用window.location属性来访问URL的各个部分，如主机，协议或路径。