一、顯示資訊的命令
最常用的就是console.log了。常用console命令title> head> console.log('hello'); console.info('資訊'); console.error('錯誤'); console.warn('警告'); script> body> html>
二:佔位符
console上述的集中度支援printf的佔位符格式,支援的佔位符有:字元(%s)、整數(%d或%i)、浮點數(%f)和物件(%o)
效果:console.log("%d年%d月%d日",2011,3,26); script>
三、資訊分組
效果:常用console命令title> head> console.group("第一組資訊"); console.log("第一組第一條:我的部落格("); console.log("第一組第二條:csdn("); console.groupend(); console.group("第二組資訊"); console.log("第二組第一條:程式愛好者qq群: 259280570"); console.log("第二組第二條:歡迎你加入"); console.groupend(); script> body> html>
四、檢視物件的資訊
console.dir()可以顯示乙個物件所有的屬性和方法。
效果:varinfo = ; console.dir(info); script>
五、顯示某個節點的內容
console.dirxml()用來顯示網頁的某個節點(node)所包含的html/xml**。
效果:常用console命令title> head> 程式愛好者:259280570,歡迎你的加入p> div> varinfo = document.getelementbyid('info'); console.dirxml(info); script> body> html>
六、判斷變數是否是真
console.assert()用來判斷乙個表示式或變數是否為真。如果結果為否,則在控制台輸出一條相應資訊,並且丟擲乙個異常。
1是非0值,是真;而第二個判斷是假,在控制台顯示錯誤資訊varresult = 1; console.assert( result ); varyear = 2014; console.assert(year == 2018); script>
七、追蹤函式的呼叫軌跡。
console.trace()用來追蹤函式的呼叫軌跡。
控制台輸出資訊:/*函式是如何被呼叫的,在其中加入console.trace()方法就可以了*/functionadd(a,b) varx = add3(1,1); functionadd3(a,b) functionadd2(a,b) functionadd1(a,b) script>
八、計時功能
console.time()和console.timeend(),用來顯示**的執行時間。
執行時間是38.84msconsole.time("控制台計時器一"); for(vari=0;i<1000;i++) } console.timeend("控制台計時器一"); script>
九、console.profile()的效能分析
效能分析(profiler)就是分析程式各個部分的執行時間,找出瓶頸所在,使用的方法是console.profile()。
functionall() funcb(10000); } functionfunca(count){ for(vari=0;ifunctionfuncb(count){ for(vari=0;iconsole.profile('效能分析器'); all(); console.profileend(); script>
九個Console命令,讓 JS 除錯更簡單
一 顯示資訊的命令 1 2 3 7 8 14 15 最常用的就是 console.log了。二 佔位符 console 上述的集中度支援 printf 的佔位符格式,支援的佔位符有 字元 s 整數 d或 i 浮點數 f 和物件 o 佔位符 作用 s 字串 d or i 整數 f浮點數 o 可展開的 ...
九個Console命令,讓js除錯更簡單
一 顯示資訊的命令 2 3 7 8 14 15 最常用的就是console.log了。二 佔位符 console上述的集中度支援printf的佔位符格式,支援的佔位符有 字元 s 整數 d或 i 浮點數 f 和物件 o 效果 三 資訊分組 2 3 7 8 25 26 效果 四 檢視物件的資訊 con...
九個Console命令,讓js除錯更簡單
1 2 3 7 8 14 15 作用 s字串 d or i 整數 f 浮點數 o 可展開的dom o列出dom的屬性 c根據提供的css樣式格式化字串 1 格式成可展開的的dom,像在開發者工具element面板那樣可展開 console.log o document.body.firsteleme...