javascript的console.log()用法小结

　　console.log 原先是 Firefox 的“专利”，严格说是安装了 Firebugs 之后的 Firefox 所独有的调试“绝招”。

　　这一招，IE8 学会了，不过用起来比 Firebugs 麻烦，只有在开启调试窗口(F12)的时候，console.log 才能出结果，不然就报错。

　　今天看到 Opera 也有个叫 dragonfly 的东东，用这东西查看 DOM，已经可以和 Firebug 媲美，然而还是不能用 console.log。于是有人就提供了这样两句代码：

复制代码代码如下:

　　window.console = window.console || {};

　　console.log || (console.log = opera.postError)；

　　经测试，以上代码好使。

　　至此，Firefox/IE/Opera 都能用上 console.log 了。

　　当然，IE 和 Opera 下的 console.log 比起 Firebugs 原创的 console.log，还是太过简单，比如参数是 Object 或者数组就没有进一步的显示功能。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>javascript的console.log()用法</title> 
<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20type%3D%22text%2Fjavascript%22%3E%20%0D%0A%2F*%20%0D%0Aconsole.log%20%E5%8E%9F%E5%85%88%E6%98%AF%20Firefox%20%E7%9A%84%22%E4%B8%93%E5%88%A9%22%EF%BC%8C%E4%B8%A5%E6%A0%BC%E8%AF%B4%E6%98%AF%E5%AE%89%E8%A3%85%E4%BA%86%20Firebugs%20%E4%B9%8B%E5%90%8E%E7%9A%84%20Firefox%20%E6%89%80%E7%8B%AC%E6%9C%89%E7%9A%84%E8%B0%83%E8%AF%95%22%E7%BB%9D%E6%8B%9B%22%E3%80%82%20%0D%0A%E8%BF%99%E4%B8%80%E6%8B%9B%EF%BC%8CIE8%20%E5%AD%A6%E4%BC%9A%E4%BA%86%EF%BC%8C%E4%B8%8D%E8%BF%87%E7%94%A8%E8%B5%B7%E6%9D%A5%E6%AF%94%20Firebugs%20%E9%BA%BB%E7%83%A6%EF%BC%8C%E5%8F%AA%E6%9C%89%E5%9C%A8%E5%BC%80%E5%90%AF%E8%B0%83%E8%AF%95%E7%AA%97%E5%8F%A3(F12)%E7%9A%84%E6%97%B6%E5%80%99%EF%BC%8Cconsole.log%20%E6%89%8D%E8%83%BD%E5%87%BA%E7%BB%93%E6%9E%9C%EF%BC%8C%E4%B8%8D%E7%84%B6%E5%B0%B1%E6%8A%A5%E9%94%99%E3%80%82%20%0D%0A%E4%BB%8A%E5%A4%A9%E7%9C%8B%E5%88%B0%20Opera%20%E4%B9%9F%E6%9C%89%E4%B8%AA%E5%8F%AB%20dragonfly%20%E7%9A%84%E4%B8%9C%E4%B8%9C%EF%BC%8C%E7%94%A8%E8%BF%99%E4%B8%9C%E8%A5%BF%E6%9F%A5%E7%9C%8B%20DOM%EF%BC%8C%E5%B7%B2%E7%BB%8F%E5%8F%AF%E4%BB%A5%E5%92%8C%20Firebug%20%E5%AA%B2%E7%BE%8E%EF%BC%8C%E7%84%B6%E8%80%8C%E8%BF%98%E6%98%AF%E4%B8%8D%E8%83%BD%E7%94%A8%20console.log%E3%80%82%E4%BA%8E%E6%98%AF%E6%9C%89%E4%BA%BA%E5%B0%B1%E6%8F%90%E4%BE%9B%E4%BA%86%E8%BF%99%E6%A0%B7%E4%B8%A4%E5%8F%A5%E4%BB%A3%E7%A0%81%EF%BC%9A%20%0D%0Awindow.console%20%3D%20window.console%20%7C%7C%20%7B%7D%3B%20%0D%0Aconsole.log%20%7C%7C%20(console.log%20%3D%20opera.postError)%EF%BC%9B%20%0D%0A%E7%BB%8F%E6%B5%8B%E8%AF%95%EF%BC%8C%E4%BB%A5%E4%B8%8A%E4%BB%A3%E7%A0%81%E5%A5%BD%E4%BD%BF%E3%80%82%20%0D%0A%E8%87%B3%E6%AD%A4%EF%BC%8CFirefox%2FIE%2FOpera%20%E9%83%BD%E8%83%BD%E7%94%A8%E4%B8%8A%20console.log%20%E4%BA%86%E3%80%82%20%0D%0A%E5%BD%93%E7%84%B6%EF%BC%8CIE%20%E5%92%8C%20Opera%20%E4%B8%8B%E7%9A%84%20console.log%20%E6%AF%94%E8%B5%B7%20Firebugs%20%E5%8E%9F%E5%88%9B%E7%9A%84%20console.log%EF%BC%8C%E8%BF%98%E6%98%AF%E5%A4%AA%E8%BF%87%E7%AE%80%E5%8D%95%EF%BC%8C%E6%AF%94%E5%A6%82%E5%8F%82%E6%95%B0%E6%98%AF%20Object%20%E6%88%96%E8%80%85%E6%95%B0%E7%BB%84%E5%B0%B1%E6%B2%A1%E6%9C%89%E8%BF%9B%E4%B8%80%E6%AD%A5%E7%9A%84%E6%98%BE%E7%A4%BA%E5%8A%9F%E8%83%BD%E3%80%82%20%0D%0A*%2F%20%0D%0A%2F%2F%E5%8F%98%E9%87%8F%20%0D%0Avar%20i%20%3D%20'I%20am%20a%20string'%3B%20%0D%0Aconsole.log('%E5%8F%98%E9%87%8F%EF%BC%9A'%2Ci)%3B%20%0D%0A%2F%2F%E6%95%B0%E7%BB%84%20%0D%0Avar%20arr%20%3D%20%5B1%2C2%2C3%2C4%2C5%5D%3B%20%0D%0Aconsole.log('%E6%95%B0%E7%BB%84%EF%BC%9A'%2Carr)%3B%20%0D%0A%2F%2F%E5%AF%B9%E8%B1%A1%20%0D%0Avar%20obj1%20%3D%20%7B%20%0D%0Akey1%20%3A%20'value1'%2C%20%0D%0Akey2%20%3A%20'value2'%2C%20%0D%0Akey3%20%3A%20'value3'%20%0D%0A%7D%3B%20%0D%0Avar%20obj2%20%3D%20%7B%20%0D%0Akey6%20%3A%20'value4'%2C%20%0D%0Akey5%20%3A%20'value5'%2C%20%0D%0Akey4%20%3A%20'value6'%20%0D%0A%7D%3B%20%0D%0Avar%20obj3%20%3D%20%7B%20%0D%0Akey9%20%3A%20'value7'%2C%20%0D%0Akey8%20%3A%20'value8'%2C%20%0D%0Akey7%20%3A%20'value9'%20%0D%0A%7D%3B%20%0D%0Aconsole.log('%E5%AF%B9%E8%B1%A1%EF%BC%9A'%2Cobj1)%3B%20%0D%0A%2F%2F%E5%AF%B9%E8%B1%A1%E6%95%B0%E7%BB%84%20%0D%0Avar%20objArr1%20%3D%20%5Bobj1%2Cobj2%2Cobj3%5D%3B%20%0D%0Avar%20objArr2%20%3D%20%5B%5Bobj1%5D%2C%5Bobj2%5D%2C%5Bobj3%5D%5D%3B%20%0D%0Aconsole.log('%E5%AF%B9%E8%B1%A1%E6%95%B0%E7%BB%841%EF%BC%9A'%2CobjArr1)%3B%20%0D%0Aconsole.log('%E5%AF%B9%E8%B1%A1%E6%95%B0%E7%BB%841%EF%BC%9A'%2CobjArr2)%3B%20%0D%0A%2F*%20%0D%0A%E8%BE%93%E5%87%BA%EF%BC%9A%20%0D%0A%E5%8F%98%E9%87%8F%EF%BC%9AI%20am%20a%20string%20%0D%0A%E6%95%B0%E7%BB%84%EF%BC%9A%5B1%2C%202%2C%203%2C%204%2C%205%5D%20%0D%0A%E5%AF%B9%E8%B1%A1%EF%BC%9AObject%20%7B%20key1%3D%22value1%22%2C%20key2%3D%22value2%22%2C%20key3%3D%22value3%22%7D%20%0D%0A%E5%AF%B9%E8%B1%A1%E6%95%B0%E7%BB%841%EF%BC%9A%5BObject%20%7B%20key1%3D%22value1%22%2C%20key2%3D%22value2%22%2C%20key3%3D%22value3%22%7D%2C%20Object%20%7B%20key6%3D%22value4%22%2C%20key5%3D%22value5%22%2C%20key4%3D%22value6%22%7D%2C%20Object%20%7B%20key9%3D%22value7%22%2C%20key8%3D%22value8%22%2C%20key7%3D%22value9%22%7D%5D%20%0D%0A%E5%AF%B9%E8%B1%A1%E6%95%B0%E7%BB%841%EF%BC%9A%5B%5BObject%20%7B%20key1%3D%22value1%22%2C%20key2%3D%22value2%22%2C%20key3%3D%22value3%22%7D%5D%2C%20%5BObject%20%7B%20key6%3D%22value4%22%2C%20key5%3D%22value5%22%2C%20key4%3D%22value6%22%7D%5D%2C%20%5BObject%20%7B%20key9%3D%22value7%22%2C%20key8%3D%22value8%22%2C%20key7%3D%22value9%22%7D%5D%5D%20%0D%0A*%2F%20%0D%0A%3C%2Fscript%3E"> 
</head> 
<body> 
</body> 
</html>

　　 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

　　管理资源吧注:IE浏览器下默认是不支持console.log，反而会因为这句代码报错，所有ie下注释掉比较好

教程首页更多教程