写代码时,控制台输出是家常便饭。不管是调试 JavaScript、查接口返回,还是看循环有没有跑对,打开控制台打个 console.log 已经成了肌肉记忆。但很多人其实没用好控制台的快捷键,光靠鼠标点“开发者工具”再切 tab,效率低得像走路去上班。
最常用的打开方式
Windows 和 Linux 用户,直接按 F12 最快,浏览器立马弹出开发者工具。Mac 上则是 Command + Option + I,不用抬手就能搞定。如果习惯用右键,也可以“检查元素”,但那多点两下,时间就悄悄溜走了。
快速定位到 Console 面板
有时候工具打开了,但卡在 Elements 或 Network 那里。这时候别用鼠标一个个点。Windows 上按 Ctrl + Shift + J,可以直接聚焦到 Console 面板。Mac 对应的是 Command + Option + J。这个组合比切换 tab 快多了,尤其在紧急排查报错时特别实用。
清空控制台也有捷径
刷了一堆日志后,控制台乱得像草稿纸。除了手动点 clear 按钮,直接在输入框里敲
clear() 回车就行。或者用快捷键 Ctrl + L(Mac 是 Command + K),屏幕瞬间干净,重新开始输出也不带迟疑。
配合代码提升效率
除了操作界面,代码里的输出也能简化。比如不想写一长串 console.log(variable),可以设置编辑器片段,输入 cl 自动补全。有些人还会自定义输出样式,用 console.table 打印数组对象,结构更清晰。
公司楼下咖啡店的程序员老张,每次等拿铁的时候就顺手修个 bug。他说:“手不离键盘,眼不离屏幕,靠的就是这些小快捷。” 看似不起眼的按键组合,积少成多,真能省下不少摸鱼的时间。