Chrome 扩展监听内容脚本上的事件 - JavaScript

在 Chrome 扩展中，可以通过监听内容脚本上的事件，来实现对网页的操作。

监听事件

要监听事件，需要在扩展中的 background.js 文件中使用 chrome.tabs.onUpdated 方法，该方法会在每次标签页更新时触发。

chrome.tabs.onUpdated.addListener(function(tabId, changeInfo, tab) {
  // 对标签页进行操作
});

该方法会接收三个参数：

1. tabId：标签页的 ID。
2. changeInfo：存储更新标签页的信息，包括变化类型、网页标题等。
3. tab：表示更新后的标签页信息，包括 URL、标签页 ID 等。

实现对网页的操作

可以借助 chrome.tabs API 来实现对网页的操作，例如获取标签页的 URL、刷新网页等。

chrome.tabs.onUpdated.addListener(function(tabId, changeInfo, tab) {
  if (changeInfo.status === 'complete') {
    // 获取标签页 URL
    chrome.tabs.get(tabId, function(tab) {
      var url = tab.url;
      console.log('当前标签页的 URL：', url);
    });
    
    // 刷新网页
    chrome.tabs.reload(tabId);
  }
});

总结

通过监听内容脚本上的事件，可以实现在扩展中对网页进行操作。需要借助 chrome.tabs.onUpdated 方法来监听事件，使用 chrome.tabs API 来实现对网页的操作。