在Google Chrome浏览器中查看控制台日志有以下几种方法

快捷键（最常用）

• Windows/Linux：

  

  • F12 → 打开开发者工具
  • Ctrl + Shift + J → 直接打开控制台
  • Ctrl + Shift + I → 打开开发者工具

• Mac：

  • Command + Option + J → 直接打开控制台
  • Command + Option + I → 打开开发者工具
  • F12（如果键盘支持）

鼠标操作

1. 右键菜单：

   • 在网页任意位置右键点击
   • 选择“检查”（Inspect）
   • 切换到 Console 标签页

2. 浏览器菜单：

   • 点击右上角三个点（菜单）
   • 选择“更多工具” → “开发者工具”
   • 切换到 Console 标签页

控制台主要功能

1. 查看日志：

   • JavaScript输出（console.log、error、warn等）
   • 网络错误和警告
   • 代码错误信息

2. 实用选项：

   • Preserve log：刷新页面后保留日志
   • Filter：过滤特定类型消息
   • Settings（齿轮图标）：控制台设置

3. 执行命令：

   • 在底部输入行输入JavaScript代码
   • 按Enter直接执行

小技巧

• 按 Esc 键可在任意面板中快速调出/隐藏控制台
• 右键控制台区域可清除日志或保存为文件
• 使用 console.table() 可以表格形式查看数组/对象

控制台是前端调试的重要工具，除了查看日志外，还可以调试JavaScript、检查网络请求、分析性能等。

标签： Google Chrome 控制台日志