Chrome DevTools控制台仅显示输入行顶部,如何恢复正常?
解决Chrome DevTools Console输入框仅显示顶部的问题
我碰到过好几次这个情况!别担心,几个简单操作就能搞定:
调整输入框高度
这是最常见的原因——大概率是你不小心把输入框拖得太小了。找到Console输入区域的底部边缘,把鼠标悬停上去,光标会变成上下双向箭头,按住左键往下拖动,就能把输入框拉回正常显示高度。重置DevTools默认设置
如果调整高度没用,可能是DevTools的布局设置乱了:- 点击DevTools右上角的三个点图标(菜单按钮),选择「Settings」(或者直接按F1快捷键打开设置)。
- 滚动到设置页面最底部,找到「Restore defaults and reload」选项,点击它。DevTools会自动重置所有设置并重新加载,布局就能恢复正常了。
排查实验性功能干扰
如果你之前开启过DevTools的实验性功能,可能会导致布局异常:- 打开设置页面后切换到「Experiments」标签。
- 看看有没有近期勾选的陌生功能,取消勾选后重启DevTools试试。
内容的提问来源于stack exchange,提问作者wallwalker




