Chrome 扩展获取当前页面 URL：完整指南

在 Chrome 扩展中，可以使用 'chrome.tabs' API 来获取当前打开的标签页的信息，包括当前页面的 URL。

下面是一个简单的示例，演示如何在点击 Chrome 扩展图标时获取当前页面的 URL：

在扩展的 'manifest.json' 文件中，添加必要的权限：

{
  "manifest_version": 2,
  "name": "My Extension",
  "version": "1.0",
  "permissions": [
    "tabs"
  ],
  "browser_action": {
    "default_popup": "popup.html"
  }
}

创建一个 'popup.html' 文件，作为扩展点击图标后显示的弹出页面。

<!DOCTYPE html>
<html>
<head>
  <title>My Extension Popup</title>
  <script src="popup.js"></script>
</head>
<body>
  <h1>My Extension Popup</h1>
  <button id="get-url-btn">Get Current URL</button>
  <p id="current-url"></p>
</body>
</html>

创建一个 'popup.js' 文件，用于处理点击事件和获取当前页面的 URL。

document.addEventListener('DOMContentLoaded', function() {
  var getUrlButton = document.getElementById('get-url-btn');
  var currentUrlElement = document.getElementById('current-url');

  getUrlButton.addEventListener('click', function() {
    // 获取当前标签页的信息
    chrome.tabs.query({active: true, currentWindow: true}, function(tabs) {
      var currentUrl = tabs[0].url;
      currentUrlElement.textContent = currentUrl;
    });
  });
});

在这个示例中，当用户点击弹出页面中的 'Get Current URL' 按钮时，会使用 'chrome.tabs.query' 方法来获取当前激活的标签页的信息，并将获取到的 URL 显示在页面上。

注意：在 Chrome 扩展中，由于安全限制，无法直接访问其他标签页的内容。所以，只能获取当前激活的标签页的信息。