js除錯，console命令

一：顯示資訊

<script type="text/javascript"> console.log();console.info(); console.error(); console.warn(); console.table(); </script>

二：佔位符

<script type="text/javascript"> console.log("%d年%d月%d日",2011,3,26); </script>

三、資訊分組

<script type="text/javascript"> console.group("開始");console.log("234"); console.log("456"); console.groupEnd(); </script>

四、檢視物件的資訊

<script type="text/javascript">
     var info = {
          blog:"https://github.com/sanqianwdj",
            message:"歡迎你的加入"
       };
        console.dir(info);
</script>     

五、顯示某個節點的內容

<div id="info">
      <h3>https://github.com/sanqianwdj</h3>
      <p>https://github.com/sanqianwdj</p>

<script type="text/javascript">
      var info = document.getElementById('info');
      console.dirxml(info);
 </script>  

六、判斷變數是否是真

    <script type="text/javascript">
        　　var year = 2014;
        　　console.assert(year == 2018 );
     </script>  

七、追蹤函式的呼叫軌跡

<script type="text/javascript"> function add(a,b){ console.trace();return a+b; } var x = add2(1,1); function add2(a,b){return add1(a,b);} function add1(a,b){return add(a,b);} </script>

八、計時功能

console.time()和console.timeEnd()，用來顯示程式碼的執行時間

九、效能分析

console.profile('效能分析');All();console.profileEnd();