我們在寫前端代碼的時候,經常需要打印信息到控制台,經常使用到的命令就是console.log
,本文主要介紹幾種可常用的一些小技巧,便於調試時候的靈活利用。
1、顯示樣式
默認的 console.log
顯示如下:
那如果我們希望有顏色標記,可以突出顯示該怎么做尼?可以使用默認的幾個其他命令 console.warn 或者 console.error:
但是這個有種代碼寫錯了的感覺,那么如何自定義標識尼?
可以看到在調試文字前加上%c
,第二個字段加上樣式,就可以實現自定義樣式的調試信息啦~~
%c 表示把字符串按照你提供的樣式格式化后輸入
2、顯示對象
很大串的對象json,直接使用 console.dir
轉化成對象字面量,一目了然:
3、顯示表格
在列表交互中,可以直接將后台返回的數據使用 console.table
的方法打印出來,直接就是表格。是不是很實用尼?