console.log，console.log的用法

一、如何用浏览器调试器代替console.log()

在JS中，用console.log调试程序，无非就是打印一些信息(变量、对象、数组、JSON等)。然而，很多浏览器都有开发人员选项，功能也比较强大，可以直接调试JS程序。

下面以谷歌浏览器为例，介绍下调试功能的使用。

用谷歌浏览器打开你要调试的网页，按F12，打开开发人员选项面板。

找到sources选项并打开，找到你要调试的js文件，在代码行号的位置打上断点，然后刷新页面。

这个时候程序执行到断点位置就会停止，并把变量、对象等信息显示出来。

按F10单步执行，观察程序每一步执行，变量的变化，从而判断出程序存在的问题。

二、console.log与console.info的区别

console.log()、console.info()的作用都是在浏览器控制台打印信息的。

使用最多的是console.log()。console.info()本质上与console.log()没有区别。是console.log()的另一个名字而以，可以理解为它们其实就是同一个，只不过名字不一样。

其中，console.info()打印出的信息，在控制显示的时候信息前面会出现一个小图标，而且谷歌浏览器和opera不支持console.debug()。