Chrome DevTools控制台无法访问本地作用域变量问题求助

排查及修复步骤 #

• 检查JavaScript启用状态：打开DevTools，点击控制台上方的🔴停止图标（若显示）恢复JavaScript；或按F1进入设置，在「调试器」板块确认「停用JavaScript」未勾选。
• 重置DevTools配置：按F1打开设置，拉至底部点击「恢复默认值并刷新」，重置所有可能误改的设置后重启DevTools。
• 确认源码匹配状态：从你提供的编辑器源码截图看代码未压缩，但需在Sources面板验证加载的是否为对应未压缩源码。若加载的是混淆后的生产代码，需配置Source Map映射原代码，否则变量名会被篡改导致无法访问。
• 核对断点位置：确保断点打在变量声明并初始化的代码行之后——如果断点在变量定义前，控制台自然无法访问未初始化的变量（即使Local面板后续会显示）。
• 排除扩展干扰：开启Chrome隐身模式（不加载第三方扩展），重新打开页面和DevTools调试，验证是否是扩展导致的功能异常。
• 调整Chrome版本：若确认是114.0.5735.91版本引入的Bug，可尝试降级至113稳定版，或等待官方推送更新修复。

（注：你的ReferenceError截图显示控制台提示变量未定义，但Local作用域面板能正常显示变量，以上步骤可针对性解决这类场景的问题）

内容的提问来源于stack exchange，提问作者kwlSca