在谷歌浏览器（Google Chrome）中查看控制台日志有以下几种常用方法

快捷键（最快速）

• Windows/Linux：按 F12 或 Ctrl + Shift + J
• Mac：按 Command + Option + J

菜单操作

1. 点击浏览器右上角的 （三个点）菜单
2. 选择 更多工具 → 开发者工具
3. 在弹出的面板中，点击 Console（控制台）选项卡

右键菜单

• 在网页任意位置右键点击
• 选择 检查 或 审查元素
• 切换到 Console 选项卡

控制台的主要功能：

1. 查看日志：显示 console.log()、console.error() 等输出
2. 运行JavaScript：可直接在底部输入代码并执行
3. 筛选日志：可筛选错误、警告、信息等
4. 清空日志：点击左上角 🚫 图标或按 Ctrl + L

专业技巧：

• 保留日志：勾选 "Preserve log" 可在页面刷新后保持日志
• 筛选来源：可过滤特定文件或域名的日志
• 多级折叠：点击对象可展开查看详细内容
• XHR/网络请求：可查看Ajax请求和响应

控制台是前端开发调试的必备工具，除了查看日志外，还可以进行性能分析、DOM操作等高级调试。

标签： 谷歌浏览器 控制台日志