JavaScript日志和调试

JavaScript日志和调试详细介绍

JavaScript日志和浏览器内调试从技术上讲虽然不属于HTML5的功能，但在过去的几年里，相关工具的发展出现了质的飞跃。第一个可以用来分析Web页面及其所运行脚本的强大工具是一款名为 Firebug的Firefox插件。

现在，相同的功能在其他浏览器的内嵌开发工具中也可以找到：Safari 的 Web Inspector、Google的Chrome 开发者工具（Developer Tools）、IE 的开发者工具（Developer Tools），以及 Oper的 Dragonfly。下面的图是 Google的Chrome开发者工具截图，显示了大量与当前 Web 页面相关的信息（使用快捷键 Ctrl+Shift+J 可以看到），包括调试控制台、资源视图、存储视图等。

Chrome的开发者工具

很多调试工具支持设置断点来暂停代码执行、分析程序状态以及查看变量的当前值。console.log API 已经成为 JavaScript 开发人员记录日志的事实标准。为了便于开发人员查看记录到控制台的信息，很多浏览器提供了分栏窗格的视图。console.log API 要比alert()好用很多，因为它不会阻塞脚本的执行。

,