background.js中调用页面事件

在Chrome或Chromium浏览器中，`background.js`文件是一种特殊的JavaScript脚本，它位于浏览器扩展（extension）的`background`目录下，用于编写那些不需要直接与用户交互，但又需要持续运行在后台的任务，如定时任务、网络请求等。如果你想在`background.js`中监听页面的某些事件，通常涉及到的是通过内容 scripts 和 messaging 来实现通信。

你可以通过`chrome.tabs` API监听页面活动，例如打开新标签页或页面加载完成。下面是一个简单的示例：

// background.js
chrome.tabs.onUpdated.addListener((tabId, changeInfo, tab) => {
  if (changeInfo.status === 'complete') { // 页面加载完成
    chrome.tabs.sendMessage(tabId, { event: 'pageLoaded' });
  }
});

chrome.runtime.onMessage.addListener(
  function(request, sender, sendResponse) {
    if (request.event === 'handlePageEvent') {
      console.log('Received page event:', request.data);
    }
  },
  { matchPattern: ['*://*/*'] } // 匹配所有页面
);

这里，当页面加载完成后，`background.js`会向当前的tab发送一个消息，内容script可以在页面上监听并处理这个消息，例如：

<!-- content.js -->
<script>
window.addEventListener('message', function(event) {
  if (event.data.event === 'pageLoaded') {
    console.log('Background notified the page has loaded.');
    chrome.runtime.sendMessage({ event: 'handlePageEvent', data: 'Page is ready.' });
  }
});
</script>