快捷键(最常用)
- Windows/Linux:按
F12或Ctrl + Shift + J - Mac:按
Cmd + Option + J
右键菜单
- 在网页任意位置右键点击
- 选择「检查」(Inspect)
- 在开发者工具中点击「Console」选项卡
菜单栏
- 点击浏览器右上角的三个点(⋮)
- 选择「更多工具」→「开发者工具」
- 切换到「Console」选项卡
其他快捷方式
Ctrl + Shift + I(Windows/Linux)Cmd + Option + I(Mac)- 然后切换到 Console 标签
控制台的主要功能:
- 查看日志:显示 JavaScript 错误、警告和
console.log()输出 - 执行代码:可以直接输入 JavaScript 代码并执行
- 过滤日志:可按日志类型(Errors、Warnings、Info等)过滤
- 清空日志:点击控制台左上角的 🚫 图标
- 保持日志:右键控制台 → 选择「Preserve log」可保留页面刷新后的日志
常用控制台命令:
console.log() // 普通日志 console.error() // 错误信息 console.warn() // 警告信息 console.clear() // 清空控制台
专业提示:
- 按
Esc键可在任意面板底部快速打开/关闭控制台 - 使用
console.table()可以表格形式显示对象数据 - 右键日志可以保存为文件或复制内容

版权声明:除非特别标注,否则均为本站原创文章,转载时请以链接形式注明文章出处。