我們在寫前端代碼的時候,經常需要打印信息到控制台,經常使用到的命令就是console.log,本文主要介紹幾種可常用的一些小技巧,便於調試時候的靈活利用。
1、顯示樣式
默認的 console.log 顯示如下:

那如果我們希望有顏色標記,可以突出顯示該怎么做尼?可以使用默認的幾個其他命令 console.warn 或者 console.error:

但是這個有種代碼寫錯了的感覺,那么如何自定義標識尼?


可以看到在調試文字前加上%c,第二個字段加上樣式,就可以實現自定義樣式的調試信息啦~~
%c 表示把字符串按照你提供的樣式格式化后輸入
2、顯示對象
很大串的對象json,直接使用 console.dir 轉化成對象字面量,一目了然:

3、顯示表格
在列表交互中,可以直接將后台返回的數據使用 console.table 的方法打印出來,直接就是表格。是不是很實用尼?

