chrome-plugin/background.js

// background.js
chrome.runtime.onInstalled.addListener(function () {
  console.log("插件已被安装");
});

let pageState = 0; // 0 - 未创建，1 - 已创建
let pageInfo = null;
let pageId = "";
chrome.runtime.onMessage.addListener(async (request, sender, sendResponse) => {
  if (request.action === "show_popup") {
    pageInfo = request;
    try {
      await chrome.tabs.get(pageId)
    } catch {
      pageState = 0; // 说明没找到
    }
    if (pageState === 0) {
      chrome.windows.create({
        url: chrome.runtime.getURL("page.html"), // 指向你的弹出页面
        type: "popup", // 设置为弹出窗口
        width: 1000,
        height: 750,
        focused: true,
        left: 100,  // 可选，窗口的左边缘
        top: 100    // 可选，窗口的上边缘
      }, (newTab) => {
        pageId = newTab.tabs[0].id;
        pageState = 1;
      });
    }
    else {
      sendTabMessage(pageId, pageInfo)
    }
  }
});

// 监听已更新的标签，以找出何时打开了 page.html
chrome.tabs.onUpdated.addListener((tabId, changeInfo, tab) => {
  if (changeInfo.status === 'complete' && tab.url.includes('page.html')) {
    sendTabMessage(tabId, pageInfo)
  }
});

function sendTabMessage(tabId, data) {
  chrome.tabs.sendMessage(tabId, { msgToPopup: "发送页面", data, pageState: pageState });
}

// // background.js
// chrome.runtime.onInstalled.addListener(function () {
//   console.log("插件已被安装");
// });

// let jsRequests = [];
// let jsRequestsByTab = {}; // 用于存储每个标签页的请求

// chrome.webRequest.onBeforeRequest.addListener(
//   (details) => {
//     const tabId = details.tabId; // 获取当前请求的标签页 ID
//     const url = details.url;
//     let uri = new URL(url);
//     if (
//       details.initiator &&
//       uri.pathname.endsWith(".js") &&
//       (uri.protocol.startsWith("http") || uri.protocol.startsWith("https"))
//     ) {
//       // 确保有个数组来记录当前标签页的请求
//       if (!jsRequestsByTab[tabId]) {
//         jsRequestsByTab[tabId] = [];
//       }
//       jsRequestsByTab[tabId].push(url);
//     }
//   },
//   { urls: ["<all_urls>"] }
// );

// chrome.runtime.onMessage.addListener((request, sender, sendResponse) => {
//   if (request.action === "getJsRequests") {
//     const tabId = sender.tab.id; // 获取请求来源的标签页 ID
//     sendResponse(jsRequestsByTab[tabId] || []);
//   }
// });

// // 监听标签页更新（包括刷新）事件以清空请求记录
// chrome.tabs.onUpdated.addListener((tabId, changeInfo, tab) => {
//   if (changeInfo.status === "loading") {
//     // 标签页加载完成时清空请求记录
//     delete jsRequestsByTab[tabId];
//   }
// });

// // 监听标签页关闭事件以清空请求记录
// chrome.tabs.onRemoved.addListener((tabId) => {
//   delete jsRequestsByTab[tabId]; // 清空对应标签页的请求记录
// });