background.js

chrome.tabs.onUpdated.addListener((tabId, changeInfo, tab) => {
  if (changeInfo.status === "complete") {
    chrome.scripting.executeScript({
      target: { tabId: tabId },
      func: () => {
        // 处理现有元素的函数
        function enableSelection() {
          document
            .querySelectorAll(".no-select *:not(input):not(textarea)")
            .forEach((el) => {
              el.style.userSelect = "auto";
              el.style.webkitUserSelect = "auto";
              el.style.msUserSelect = "auto";
              el.style.mozUserSelect = "auto";
            });
        }

        // 初始处理
        enableSelection();

        // 创建 MutationObserver 监听 DOM 变化
        const observer = new MutationObserver((mutations) => {
          let shouldProcess = false;

          mutations.forEach((mutation) => {
            // 检查是否有新节点添加
            if (
              mutation.type === "childList" &&
              mutation.addedNodes.length > 0
            ) {
              mutation.addedNodes.forEach((node) => {
                // 检查新添加的节点是否是元素节点
                if (node.nodeType === Node.ELEMENT_NODE) {
                  // 检查是否包含 .no-select 元素
                  if (node.querySelector && node.querySelector(".no-select")) {
                    shouldProcess = true;
                  }
                  // 检查节点本身是否是 .no-select 元素
                  if (node.classList && node.classList.contains("no-select")) {
                    shouldProcess = true;
                  }
                }
              });
            }
          });

          // 如果有相关变化，重新处理
          if (shouldProcess) {
            // 延迟执行以确保 DOM 完全更新
            setTimeout(enableSelection, 100);
          }
        });

        // 开始监听
        observer.observe(document.body, {
          childList: true,
          subtree: true,
        });

        // 定期检查（作为备用方案）
        setInterval(enableSelection, 2000);
      },
    });
  }
});