Chrome开发者工具如何通过键盘快捷键聚焦控制台输入框
Chrome 开发者工具控制台输入框快速聚焦实用操作方法
内置默认快捷键(无需额外安装扩展、修改设置)
- 第一次按
Ctrl+Shift+J打开DevTools后,如果光标没有自动落到控制台输入区,再按一次Ctrl+Shift+J,会直接将焦点拉回控制台输入框,全程不需要手动点鼠标。 - 只要DevTools面板获得焦点(即焦点停在DevTools界面内,没有切回网页页面),不管你当前停在Elements、Network还是其他任意功能面板,直接按下
Ctrl + 反引号键(按键位置在Tab键上方、数字1键左侧,无需搭配Shift),就可以立刻聚焦控制台输入框。 - 切换DevTools面板标签时,切到Console标签页的瞬间,会自动将光标定位到输入框区域,对应的切标签快捷键是
Ctrl + [和Ctrl + ],可以按顺序在标签页间快速切换。
按快捷键没反应的排查方向
按下快捷键无法聚焦输入框,基本都是因为DevTools本身没有获得焦点:此时先按一次
Ctrl+Shift+J把焦点从网页页面切回DevTools面板,再执行聚焦操作即可。
部分低于90版本的旧版Chrome,快捷键映射存在差异,你可以在DevTools面板内按下?调出快捷键说明页,搜索Focus Console就能查到当前版本对应的实际快捷键,也可以在DevTools设置里把它改成自己更顺手的自定义组合键。
内容的提问来源于stack exchange,提问作者Abraham
相关产品推荐
相关产品推荐

