Chrome扩展从弹出窗口获取当前选项卡 - Javascript

在开发Chrome扩展时，经常需要从弹出窗口中获取当前选项卡的信息，以执行一些针对当前选项卡的操作，比如注入脚本或者修改页面。

在这篇介绍中，我们将会学习如何使用Javascript从弹出窗口中获取当前选项卡的信息。

需求分析

在弹出窗口中获取当前选项卡的信息，需要知道以下信息：

• 当前选项卡的id
• 当前选项卡的URL

可以通过调用Chrome扩展API来获取这些信息。

获取当前选项卡的id

要从弹出窗口中获取当前选项卡的id，我们可以使用Chrome扩展API中的chrome.tabsAPI。

chrome.tabs.query({ active: true, currentWindow: true }, function(tabs) {
  var tabId = tabs[0].id;
});

上面的代码会返回当前激活的选项卡的信息，其中包含选项卡的id。

获取当前选项卡的URL

要从弹出窗口中获取当前选项卡的URL，我们可以使用Chrome扩展API中的chrome.tabsAPI。

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

上面的代码会返回当前激活的选项卡的信息，其中包含选项卡的URL。

整合代码

通过使用上面的两个代码片段，我们可以整合出一个完整的代码来实现从弹出窗口中获取当前选项卡的信息。

chrome.tabs.query({ active: true, currentWindow: true }, function(tabs) {
  var tabId = tabs[0].id;
  var url = tabs[0].url;
  
  // 执行操作
});

上面的代码将会获取当前选项卡的id和URL，并且可以执行一些操作来针对当前选项卡进行一些操作，例如注入脚本或者修改页面。

结论

在Chrome扩展中，从弹出窗口中获取当前选项卡的信息是非常常见的需求。我们可以使用chrome.tabsAPI来实现这个需求，获取当前选项卡的id和URL，以执行一些针对当前选项卡的操作。

下面是完整的代码片段：

chrome.tabs.query({ active: true, currentWindow: true }, function(tabs) {
  var tabId = tabs[0].id;
  var url = tabs[0].url;
  
  // 执行操作
});