Chrome DevTools中LocalStorage无法实时更新的技术咨询

问题背景 #

Chrome版本：103.0.5060.134 (arm64)

• 此前行为：LocalStorage和SessionStorage会跟随页面JS操作实时更新
• 当前行为：需手动切换DevTools标签页或点击左上角刷新按钮，才能查看最新值

1. 该现象是否为Chrome DevTools的最新设计？ #

是的，这是Chrome DevTools在103.x及后续部分版本中引入的行为变更。官方设计初衷是优化DevTools性能，避免页面频繁执行存储操作时，实时同步存储视图带来的不必要资源占用，提升整体调试体验。

2. 是否存在设置可恢复至实时更新状态？ #

有，可通过开启实验性功能恢复实时更新：

• 打开Chrome DevTools（快捷键F12或Ctrl+Shift+I）
• 点击右上角的齿轮图标进入设置面板
• 切换到Experiments（实验性功能）标签页
• 找到并勾选 "Refresh storage views when storage changes" 选项
• 关闭并重新打开DevTools，设置即可生效

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