解决Chrome控制台重复日志条目问题

嘿，我完全懂你调试YouTube扩展时被控制台重复日志条目烦到的心情！这确实会让找有效日志变得格外头疼，下面给你几个实用的解决办法：

• 利用扩展生命周期事件做清理
  Chrome扩展有专门的生命周期事件，当扩展被禁用、卸载或者更新时，会触发chrome.runtime.onSuspend事件。你可以在这个事件回调里做日志相关的清理工作：

  chrome.runtime.onSuspend.addListener(() => {
    // 这里可以重置日志状态、移除页面中的日志监听，或者通知内容脚本停止输出
    console.log("扩展即将停用/更新，已清理日志相关资源");
  });
  

  扩展更新时会先卸载旧版本再安装新版本，这个事件刚好能帮你清理旧版本留下的日志痕迹，避免新旧实例同时输出日志。

• 给日志添加唯一标识
  如果暂时没法彻底清理重复条目，至少可以给每个扩展实例的日志加上唯一标识，比如扩展ID或者版本号，这样你能快速区分不同实例的日志：

  const extensionUniqueId = `${chrome.runtime.id}-${chrome.runtime.getManifest().version}`;
  const customLog = (...args) => {
    console.log(`[${extensionUniqueId}]`, ...args);
  };
  // 之后用这个自定义函数代替原生console.log
  customLog("这是我的扩展日志内容");
  

  调试时只要在控制台过滤器里输入这个标识，就能只看当前实例的日志，过滤掉旧的重复条目。

• 避免内容脚本重复注入
  很多时候重复日志是因为内容脚本被多次注入到同一个页面（比如扩展更新后，旧脚本还留在页面里）。你可以在内容脚本开头加个判断，确保只注入一次：

  // 内容脚本的最开头
  if (window.extensionScriptInjected) {
    return; // 已经注入过，直接退出
  }
  window.extensionScriptInjected = true;
  // 后续的脚本逻辑
  

  这样就能从根源上减少因重复注入导致的重复日志。

• 临时用控制台过滤功能应急
  如果上面的方法还没生效，你可以先用Chrome开发者工具的过滤功能救急：在控制台的搜索框里输入你的日志关键词或者扩展标识，就能只显示你需要的日志，暂时忽略那些重复的旧条目。

备注：内容来源于stack exchange，提问作者ThePenguin