写代码时遇到问题，第一反应就是打开控制台看看报错信息。可有时候鼠标点来点去就是找不到入口，其实大多数时候按个快捷键就能搞定。
Windows 和 Linux 系统
在 Chrome、Edge 或 Firefox 浏览器中，按下 F12 是最通用的方式。几乎所有主流浏览器都支持这个键位。
如果 F12 被系统功能占用了（比如笔记本需要配合 Fn 键），可以直接用 Ctrl + Shift + I，效果一样。想单独打开网络请求面板？试试 Ctrl + Shift + J，它会直接调出带“Network”标签的控制台。
macOS 系统
Mac 用户注意了，你的 F12 可能默认是调节亮度或音量。这时候别硬按，用组合键更省事：Cmd + Option + I 一键呼出开发者工具。
要是想看网络请求，同样可以用 Cmd + Option + J 直接跳转到 Network 面板，省得再手动切换标签。
右键也能快速进入
有时候你只关心某个按钮为什么没反应，可以直接把鼠标移到那个元素上，右键选择“检查”（Inspect）。这样不仅能打开控制台，还会自动定位到对应的 HTML 代码行，特别适合排查页面布局或点击事件的问题。
命令行环境下的控制台
除了浏览器，像 VS Code 这类编辑器也有内置终端。用 Ctrl + \`（反引号）可以快速展开底部的控制台面板。这个在运行脚本、查看输出日志时非常实用。
如果你用的是 Mac，对应快捷键是 Cmd + \`，和 Windows 基本对称。
不同浏览器的小差异
Safari 默认不显示开发工具，需要先在偏好设置里开启“开发菜单”。勾选后就能用 Cmd + Option + I 正常打开了。
Firefox 的快捷键和 Chrome 几乎一致，但偶尔插件会影响响应，这时候用菜单栏手动点开一次，后续快捷键就恢复正常了。
自定义也行
某些公司内部系统可能会禁用 F12，防止员工乱看代码。这种情况下，可以通过浏览器扩展或修改配置文件重新绑定快捷键，不过得小心权限问题。
比如在 Chrome 的设置中启用实验性功能，或者用 AutoHotkey（Windows）或 Karabiner（Mac）这类工具做按键映射，也能绕过限制。