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 或陣列就沒有進一步的顯示功能。 javascript的console.log()用法 [Ctrl A 全選注:如需引入外部Js需刷新才能執行] /* 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 或者数组就没有进一步的显示功能。 */ //变量 var i = 'I am a string'; console.log('变量:',i); //数组 var arr = [1,2,3,4,5]; console.log('数组:',arr); //对象 var obj1 = { key1 : 'value1', key2 : 'value2', key3 : 'value3' }; var obj2 = { key6 : 'value4', key5 : 'value5', key4 : 'value6' }; var obj3 = { key9 : 'value7', key8 : 'value8', key7 : 'value9' }; console.log('对象:',obj1); //对象数组 var objArr1 = [obj1,obj2,obj3]; var objArr2 = [[obj1],[obj2],[obj3]]; console.log('对象数组1:',objArr1); console.log('对象数组1:',objArr2); /* 输出: 变量:I am a string 数组:[1, 2, 3, 4, 5] 对象:Object { key1="value1", key2="value2", key3="value3"} 对象数组1:[Object { key1="value1", key2="value2", key3="value3"}, Object { key6="value4", key5="value5", key4="value6"}, Object { key9="value7", key8="value8", key7="value9"}] 对象数组1:[[Object { key1="value1", key2="value2", key3="value3"}], [Object { key6="value4", key5="value5", key4="value6"}], [Object { key9="value7", key8="value8", key7="value9"}]] */ 腳本之家之家註:IE瀏覽器下預設是不支援console.log,反而會因為這句程式碼報錯,所有ie下註解掉比較好