Chrome Devtool 控制台中的日志消息

此教程向您展示如何在控制台中记录和过滤消息
打开演示

查看从 Javascript 记录的消息

• 单击 Log info ，在控制台输出日志信息
  
• 点击输出消息旁边的 log.js
  
• 点击Log Warning
  
• 单击前面的展开 > 扩张图标Abandon Hope All Ye Who Enter。DevTools 显示导致调用的堆栈跟踪
  
• 往控制台输出日志
  
  

过滤消息

按日志级别过滤

• 各console方法被分配一个严重性级别：Verbose，Info，Warning，或Error。例如，console.log()是-Info级消息，而console.error()是-Error级消息
• 点击All levels中每个表项前的对勾，表示显示这种类型的信息
  

按文本过滤

• 在过滤器中输入文本进行过滤
  

按正则表达式过滤

按消息来源过滤

按用户消息过滤

按url过滤

• 键入-url:以隐藏来自该 URL 的消息。这称为否定 URL 过滤器。
  

控制台与任何其他面板一起使用

• 点击ESC键，在另一个窗口中打开控制台
  

控制台输出设置

创建实时表达式

• 可以随着页面的变化改变输出的值