前端調試小技巧之console.log


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

1、顯示樣式

默認的 console.log 顯示如下:

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

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

可以看到在調試文字前加上%c,第二個字段加上樣式,就可以實現自定義樣式的調試信息啦~~

%c 表示把字符串按照你提供的樣式格式化后輸入

2、顯示對象

很大串的對象json,直接使用 console.dir 轉化成對象字面量,一目了然:

3、顯示表格

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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM