JavaScript Chrome 扩展获取当前 URL

简介

在 Chrome 浏览器中开发扩展程序，经常需要获取页面的 URL，以便执行一些操作。本文将介绍如何使用 JavaScript 在 Chrome 扩展程序中获取当前 URL。

实现方法

1. 通过 chrome.tabs API 获取当前激活的标签页

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

上述代码使用 Chrome 扩展中的 chrome.tabs API 获取当前激活的标签页，并在控制台中打印出页面 URL。

具体实现过程为：

• chrome.tabs.query 方法用于查询标签页。
• {active: true, currentWindow: true} 作为参数，表示查询当前激活的标签页。
• 在回调函数中，tabs 参数返回一个数组，其中第一个元素即为当前激活的标签页。
• 通过 tabs[0].url 获取当前标签页的 URL。

2. 通过 chrome.tabs API 监听标签页切换事件

chrome.tabs.onActivated.addListener(function(activeInfo) {
  chrome.tabs.get(activeInfo.tabId, function(tab) {
    var url = tab.url;
    console.log(url);
  });
});

上述代码使用 Chrome 扩展中的 chrome.tabs API 监听标签页切换事件，并在控制台中打印出页面 URL。

具体实现过程为：

• chrome.tabs.onActivated.addListener 方法用于监听标签页切换事件，并在回调函数中执行操作。
• activeInfo 参数表示当前激活的标签页信息，其中 tabId 属性表示标签页的 ID。
• 通过 chrome.tabs.get 方法根据标签页 ID 获取标签页信息，其中 tab 参数即为标签页信息。
• 通过 tab.url 获取当前标签页的 URL。

总结

通过以上两种方法，即可在 Chrome 扩展程序中获取当前标签页的 URL。在实际开发中，还可以结合其他 Chrome API 实现更为丰富的功能。