console 立即输出 调试_使用console调试输出JavaScript代码

http://www.weakweb.com/articles/29.html

使用alert()调试JavaScript是一种比较不友好的方式，尤其是在已经上线的网站上，会严重影响用户的使用，可以使用console来隐式的调试输出JavaScript代码，所有的输出都是显示在控制台里，对页面没有任何影响。

目前FireFox的插件Firebug和Chrome对console支持的比较好，主要有console.log(), console.dir(), console.debug(), console.info(), console.error()等方法，可以用易读的的方式输出变量以及对象等，其中console.log()用来在控制台输出内容，console.dir()可以用来结构化输出HTML节点，JS对象等，console.debug(), console.info(), console.error()和console.log一样，但是可以用不同的颜色显示。详细参考http://getfirebug.com/logging，当然Firebug还支持断点调试，单步调试等，参考http://getfirebug.com/javascript。

但是IE是不支持console的，因此如果在IE里使用console会报错，有两种方法来解决这个问题，第一种方法是以把Firebug的js文件引入，这样IE就可以使用console了。第二种方法是在IE里手动创建一个console变量，这样虽然不能输出调试结果，但IE也不会报错了，代码如下：

if (!window.console) console = {};

console.log = console.log || function(){};

console.warn = console.warn || function(){};

console.error = console.error || function(){};

console.info = console.info || function(){};