我如何从谷歌Chrome扩展获得当前选项卡的URL ?

我有谷歌Chrome扩展的乐趣，我只是想知道我如何在变量中存储当前选项卡的URL ?

当前回答

这个解决方案已经测试过了。

在manifest.json中设置API的权限

"permissions": [ ...
   "tabs",
    "activeTab",
    "<all_urls>"
]

对第一个加载调用函数。https://developer.chrome.com/extensions/tabs#event-onActivated

chrome.tabs.onActivated.addListener((activeInfo) => {  
  sendCurrentUrl()
})

关于更改调用函数。https://developer.chrome.com/extensions/tabs#event-onSelectionChanged

chrome.tabs.onSelectionChanged.addListener(() => {
  sendCurrentUrl()
})

获取URL的函数

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

其他回答

警告!已弃用chrome.tabs.getSelected。请使用chrome.tabs.query，如其他答案所示。

首先，你必须在manifest.json中设置API的权限:

"permissions": [
    "tabs"
]

并存储URL:

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

async function getCurrentTabUrl () {
  const tabs = await chrome.tabs.query({ active: true })
  return tabs[0].url
}

您需要在清单中添加“permissions”:["tabs"]。

嗨，这里是一个谷歌Chrome样本，电子邮件当前的网站给一个朋友。背后的基本理念是你想要什么…首先，它获取页面的内容(对你来说不感兴趣)…然后它得到URL(<——好部分)

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

可在这里找到: 通过电子邮件发送本页

对于那些使用上下文菜单api的人来说，文档并没有立即明确如何获取选项卡信息。

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

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

这个解决方案已经测试过了。

在manifest.json中设置API的权限

"permissions": [ ...
   "tabs",
    "activeTab",
    "<all_urls>"
]

对第一个加载调用函数。https://developer.chrome.com/extensions/tabs#event-onActivated

chrome.tabs.onActivated.addListener((activeInfo) => {  
  sendCurrentUrl()
})

关于更改调用函数。https://developer.chrome.com/extensions/tabs#event-onSelectionChanged

chrome.tabs.onSelectionChanged.addListener(() => {
  sendCurrentUrl()
})

获取URL的函数

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

推荐文章