Chrome最新更新后元素审查器需滚动显示的解决方法咨询

我太懂这种天天泡在DevTools里，却被这种小问题卡到烦躁的感觉了！Chrome 120.0.6099.110这次更新确实在DevTools的布局记忆上出了点小bug，给你几个亲测有效的解决办法：

• 重置DevTools默认布局
  打开DevTools（按F12或者右键选「审查元素」），点击右上角的三个点菜单，找到「Restore defaults and reload」（恢复默认并刷新）选项，点击后DevTools会重置到初始状态，应该就能解决打开时元素面板被隐藏的问题。

• 调整DevTools停靠位置
  有时候DevTools停靠在底部/侧边时，窗口尺寸变化会导致面板被压缩。你可以点击右上角的停靠按钮（三个图标分别对应停靠右侧、底部、独立窗口），切换成独立窗口模式试试，或者切换回原来的停靠位置后手动拖大元素面板的高度，Chrome会记住这个调整后的布局。

• 重置面板大小
  如果是元素面板被意外拉得太小导致需要滚动，右键点击DevTools里面板之间的分隔线，选择「Reset panel sizes」（重置面板大小），这样元素面板会恢复到默认高度，下次打开就直接可见了。

如果上面的方法都没效果，可以试试清除DevTools的缓存：在Chrome地址栏输入chrome://settings/clearBrowserData，切换到「高级」标签，时间范围选「所有时间」，只勾选「Cached images and files」和「Site settings」后清除（注意这个操作会清除其他网站的设置，谨慎选择）。

备注：内容来源于stack exchange，提问作者Edwin Boiten