Chrom extension 如何监听地址栏URL 变化？

15 min read

Chrome扩展可以使用chrome.tabs API来监听浏览器的地址栏URL变化。

示例代码如下：

chrome.tabs.onUpdated.addListener(function(tabId, changeInfo, tab){
  // 当地址栏URL变化时执行处理逻辑
  if(changeInfo.url){
    console.log('地址栏URL变化：', changeInfo.url);
    // 在此处进行其他操作
  }
});

在上述代码中，我们使用了chrome.tabs.onUpdated事件监听器，它会在浏览器Tab页的更新事件发生时被触发。当地址栏URL变化时，事件的changeInfo参数中会包含新的URL地址信息，我们可以对这个变化进行逻辑处理。

需要注意的是，由于Chrome的安全机制，需要在manifest.json文件中声明tabs权限才能使用chrome.tabs API：

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