Chrome Dev Tools中body标签无法展开的问题咨询

阿华AIGC实验室

2026-5-29

Fix for Chrome DevTools Tag Not Expanding (Arrow Down but No Content)

我碰到过不少开发者遇到这个Chrome DevTools的诡异问题——标签箭头明明显示向下（应该是展开状态），但点箭头或按方向键都看不到里面的内容，而却能正常展开。你用新开标签页的临时办法确实能缓解，但天天重复几十次太折腾了，试试下面这几个靠谱的解决方案：

强制刷新页面+DevTools缓存：有时候DevTools的本地缓存会存了失效数据，导致渲染异常。打开DevTools后，按Ctrl+Shift+R（Windows/Linux）或Cmd+Shift+R（Mac），这会强制浏览器和DevTools彻底刷新资源，比普通刷新更干净。
重置DevTools默认设置：如果自定义过DevTools的布局或功能，可能不小心触发了隐藏bug。点击DevTools右上角的三个点图标 → 选择「Settings」→ 拉到页面最底部，点击「Restore defaults and reload」，DevTools会重启并恢复默认设置，很多奇怪的UI问题都会随之消失。
禁用DevTools实验性功能：DevTools的实验性功能虽然酷炫，但可能存在兼容性问题。在Settings里切换到「Experiments」标签，取消所有勾选的选项，然后重启DevTools，看看问题是否解决。
排查扩展冲突：某些浏览器扩展（比如广告拦截、页面修改类的）可能会干扰DevTools的正常工作。你可以用Chrome的隐身模式（Ctrl+Shift+N/Cmd+Shift+N）打开页面，隐身模式默认禁用所有扩展，如果这时能正常展开，就逐个排查已安装的扩展，找到冲突的那个并禁用或卸载。
更新Chrome到最新版本：旧版本的Chrome可能存在已知的DevTools bug，官方通常会在新版本里修复这些问题。点击Chrome右上角的三个点 →「Help」→「About Google Chrome」，Chrome会自动检查并安装更新，重启浏览器后再试试。