Chrome DevTools悬停变量不显示当前值问题求助（版本79.0.3945.88）

我之前也碰到过类似的调试困境，在Chrome老版本里悬停变量看不到值确实挺影响效率的，给你整理几个亲测有效的解决方案，按顺序试试：

• 确认断点是否真正触发
  先别急着排查复杂问题，先确认断点确实被命中了：看看Sources面板里的断点图标是不是蓝色实心箭头，如果是灰色的，要么是代码没走到这个分支，要么是断点设置了未满足的条件，或者代码被V8引擎优化跳过了。右键断点检查一下条件设置，或者手动执行到该代码段验证。

• 禁用JavaScript调试优化
  Chrome的V8引擎默认会对JS代码做性能优化，老版本里这可能导致调试时变量无法被正确捕获。操作步骤：

  1. 打开DevTools，按F1进入设置（或者点击右上角三个点 → Settings）
  2. 切换到Experiments标签页，勾选「Disable JavaScript optimizations when debugging」选项
  3. 关闭并重新打开DevTools，再次触发断点试试

• 清除缓存并强制刷新页面
  缓存的旧JS文件可能和你当前调试的代码不匹配，导致断点映射错误。按Ctrl+Shift+R（Windows/Linux）或Cmd+Shift+R（Mac）强制刷新页面，同时可以在DevTools的Network面板勾选「Disable cache」（刷新前开启，避免再次缓存旧文件）。

• 检查是否开启了脚本黑箱
  如果你的目标JS文件被误加入了黑箱列表，调试时会被忽略，导致变量无法查看。进入DevTools设置 → Blackboxing，看看列表里有没有当前调试的JS文件，有的话点击移除。

• 改用Scope面板查看变量
  如果悬停功能还是失效，可以先绕个路：在Sources面板右侧的Scope区域，会列出当前作用域下的所有变量（局部、全局、闭包变量都有）。如果这里能看到变量值，说明是悬停的UI bug，重启Chrome应该能解决；如果这里也看不到，那大概率是变量被引擎优化了，回到第二步禁用JS优化试试。

• 考虑升级Chrome版本
  Chrome 79是比较老旧的版本了，后续版本修复了不少调试相关的已知bug。如果环境允许的话，升级到最新稳定版能从根源上避免这类问题；如果因为限制不能升级，优先尝试前面的几个方法。

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