瀏覽器console控制臺常用方法 log,warn,error

瀏覽器提供了多種console方法,包括console.log, console.warn console.error等。多種方法結合使用,使調試信息更清晰。

仔細閱讀,文中有console黑科技!

常用方法

類別 代碼示例 真實截圖
日志(常用) console.log('這是一段日志');
信息 console.info('這是一條信息');
警告 console.warn('這是一個警告');
錯誤 console.error('這是一條錯誤');
錯誤 throw new Error('這是一個錯誤提示');
錯誤對象 throw { name: '參數錯誤', message: 'data[0]不存在'}

罕見的黑科技

類別 代碼示例 真實截圖
打印調用鏈 console.trace();

.
可以看到 c被b調用,b被a調用 的關系
成組打印 console.group() console.groupEnd()
.
函數被執行多次時,分組打印更清晰

文中圖片為chrome控制臺信息,其它控制臺效果類似。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 前言 Chrome瀏覽器我想是每一個前端er必用工具之一吧,一部分原因是它速度快,體積不大,支持的新特性也比其它瀏...
    LiLi原上草閱讀 1,296評論 0 0
  • 前言 Chrome瀏覽器我想是每一個前端er必用工具之一吧,一部分原因是它速度快,體積不大,支持的新特性也比其它瀏...
    余平的余_余平的平閱讀 435評論 0 1
  • 前言 相信無論是對于身居一線的coder,還是退居多年的老司機managers來說,對于調試程序是不陌生的,對于w...
    itclanCoder閱讀 2,649評論 0 7
  • 在做前端開發時,我們需要用到一些調試工具用來調試我們的HTML、CSS或者JS代碼,俗話說預先善其事必先利其器,這...
    Rella7閱讀 24,078評論 0 15
  • Chrome 控制臺console的用法 大家都有用過各種類型的瀏覽器,每種瀏覽器都有自己的特色,本人拙見,在我用...
    灰羽_閱讀 4,905評論 0 1