Chrome扩展获取当前选项卡URL - JavaScript

Chrome扩展给予了开发者许多强大的工具来扩展浏览器的功能。其中之一就是能够获取当前选项卡的URL。

获取当前选项卡 URL

要获取当前选项卡的URL，可以使用Chrome扩展API中的chrome.tabs对象。这个对象拥有许多属性和方法，其中之一是getCurrent()。getCurrent()方法将返回当前获取焦点的选项卡的详情。

chrome.tabs.getCurrent((tab) => {
  console.log(tab.url);
});

以上代码将打印当前选项卡的URL到控制台。但是要注意，这个方法只有在扩展的上下文环境中被调用才会有效。在普通网页上使用这种方法将会返回错误。所以我们必须确保我们的代码是在扩展的背景页中运行。

在 Chrome 扩展背景页中获取选项卡 URL

在Chrome扩展背景页中，我们可以使用chrome.runtime.onInstalled.addListener()监听器来获取URL。

chrome.runtime.onInstalled.addListener((details) => {
  chrome.tabs.query({ active: true, currentWindow: true }, (tabs) => {
    console.log(tabs[0].url);
  });
});

以上代码将在扩展被安装时获取当前选项卡的URL并打印到控制台。

总结

Chrome扩展API使得获取当前选项卡URL变得十分容易。使用getCurrent()方法能够直接获得当前选项卡的详情。而在背景页中，使用chrome.runtime.onInstalled.addListener()监听器能够在扩展安装时自动获取当前选项卡的URL。