Chrome Dev Tools: Console


Console 面板提供了2个主要功能:在开发过程中记录调试信息和提供一个可以用于和文档、开发工具交互的shell环境。

可以使用标准JS语法和特定控制台命令来查看原始数据和结构化数据。

从API中获取的JSON数据是典型的结构化数据。在我给Free Code Camp构建第一个前端开发项目时,我经常使用。

信息经常会叠加满屏幕,你可以键入'clear()'来清空屏幕。通过勾选'Preserve Log'可以保存日志。

有几种不同的日志命令,比如console.log()用于基本日志记录,console.error()和colsole.warn()用于一些重要信息。

Console中可以追踪异常(代码出现了问题),甚至可以在出现异常时暂停代码的执行,如果你还记得,这个功能在Source标签页中也有。

更多详细信息请查看:developers.google.com/web/tools/javascript/console/