九個Console命令,讓js除錯更簡單

2021-09-07 08:30:47 字數 3051 閱讀 8171

一、顯示資訊的命令

常用console命令title>             head>            console.log('hello');           console.info('資訊');           console.error('錯誤');           console.warn('警告');       script>   body>   html>

最常用的就是console.log了。

二:佔位符

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()用來判斷乙個表示式或變數是否為真。如果結果為否,則在控制台輸出一條相應資訊,並且丟擲乙個異常。

varresult = 1;          console.assert( result );          varyear = 2014;          console.assert(year == 2018);    script>

1是非0值,是真;而第二個判斷是假,在控制台顯示錯誤資訊

七、追蹤函式的呼叫軌跡。

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(),用來顯示**的執行時間。

console.time("控制台計時器一");      for(vari=0;i<1000;i++)      }      console.timeend("控制台計時器一");    script>

執行時間是38.84ms

九、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...