如何检测Chrome debugger是否已附加到当前标签页？

首先明确：客户端网页脚本（非Chrome扩展）无法通过官方API直接检测Chrome debugger是否已附加——chrome.debugger相关接口（包括chrome.debugger.attached）属于扩展专属权限，只有扩展程序能访问这些API。

如果必须在客户端脚本中尝试检测，只能使用一些基于行为特征的非官方hack方法（注意：这类方法无官方支持，可能随Chrome版本更新失效，且存在误判可能）：

• 检测调试器导致的执行延迟
  当debugger附加时，JavaScript的执行速度会被显著减慢，尤其是高频运算或特定语句的执行。可以通过计算代码执行的时间差来判断：

  function isDebuggerAttached() {
    const startTime = performance.now();
    // 执行一段无意义的循环放大时间差
    for (let i = 0; i < 10000000; i++) {}
    const endTime = performance.now();
    // 正常情况下耗时极短，调试器附加时会远超阈值
    return endTime - startTime > 50; // 可根据环境调整阈值
  }
  

  缺点：页面卡顿、设备性能不足等情况会导致误判；如果是扩展通过chrome.debugger.attach静默附加（未打开DevTools），延迟可能不明显。

• 检测debugger语句的触发状态
  若调试器已附加，debugger语句会触发暂停（除非用户设置了忽略），可以结合setTimeout来检测：

  let isDebugging = false;
  setTimeout(() => {
    if (!isDebugging) {
      console.log("未检测到调试器附加");
    }
  }, 100);
  debugger;
  isDebugging = true;
  

  缺点：如果用户在调试器中设置了不暂停debugger语句，或者是静默附加的情况，该方法失效。

更可靠的方案 #

如果你的需求是在debugger附加时自动执行脚本，最可靠的方式是开发Chrome扩展：

1. 扩展申请debugger权限
2. 通过chrome.debugger.onAttach监听调试器附加事件
3. 触发事件时，向目标标签页注入指定脚本执行逻辑

内容的提问来源于stack exchange，提问作者John M.