如何在javascript(chrome扩展)中获取选项卡或窗口的当前URL

在javascript中获取选项卡或窗口的当前URL可以使用chrome扩展的API来实现。具体步骤如下：

首先，在chrome扩展的manifest.json文件中添加"tabs"权限，以便使用tabs API。示例代码如下：

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

在扩展的background.js文件中编写获取当前URL的代码。示例代码如下：

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

在扩展的popup.html文件中添加一个按钮，用于触发获取URL的操作。示例代码如下：

<!DOCTYPE html>
<html>
<head>
  <title>My Extension</title>
  <script src="popup.js"></script>
</head>
<body>
  <button id="getUrlButton">获取当前URL</button>
</body>
</html>

在扩展的popup.js文件中添加按钮点击事件的处理逻辑，调用background.js中的代码来获取URL并显示在控制台上。示例代码如下：

document.getElementById('getUrlButton').addEventListener('click', function() {
  chrome.extension.getBackgroundPage().console.log('获取当前URL');
  chrome.extension.getBackgroundPage().getCurrentUrl();
});

通过以上步骤，当点击扩展的按钮时，会在控制台中输出当前选项卡或窗口的URL。你可以根据实际需求，将获取到的URL进行进一步处理或展示。

腾讯云相关产品和产品介绍链接地址：