首頁  >  文章  >  web前端  >  利用Js的console物件,在控制台列印調式資訊測試Js的實現

利用Js的console物件,在控制台列印調式資訊測試Js的實現

高洛峰
高洛峰原創
2016-12-05 10:49:581369瀏覽

一次偶然的機會,打開百度的時候按下了F12,然後就見控制台裡面輸出了百度的招聘廣告,感覺挺帥氣的,再然後就有了這篇博文。

既然可以這樣在控制台輸出訊息,那以後再調試Js的時候不就可以省去很多麻煩了嘛!避免不誤人子弟,特意使用for(var i in console)查看了下各種瀏覽器控制台對console的支持,

結果如下:

IE 11 控制台

log , info , warn , error , debug , assert , time , timeEnd , group , groupCollapsed , groupEnd , trace , clear , dir , dirxml , count , countReset , cd , select , profile , proEndnect, fe, 硬, 客戶端? 。 log , warn , dir , dirxml , table , trace , assert , count , markTimeline , profile , profileEnd , time , timeEnd , timeStamp , timeline , timelineEnd , group , groupCollapsed , Endgroup , arra對瀏覽器log , info , warn , error , debug 五個基本方法都是支援的,注意,我使用的是IE 11,其他版本我沒測試,而Firefox 本身也是不帶控制台的,需要加載Firebug 插件並且啟動它,才能console,否則就是Js報錯了。為了使用起來更方便,可以自己封裝一下,判斷瀏覽器對 console 的支持,不支持就只能使用原始的 alert 或其他方法了。

簡單用法:

console.log("日誌資訊");

console.info("一般資訊");

console.debug("偵錯資訊");

console.warn("警告提示");

console.error("錯誤提示");

格式化輸出:

console.log("%d年%d月%d日", 2014, 5, 20);//日期格式輸出

console. log('%c有顏色的輸出訊息', 'color:white; background-color:#0055CC');//格式輸出



輸出變數:

var who= 'you';

console.log( '輸出變數We support  ', you);//讀取變數

輸出陣列:

var arr = [1, 2, 3, 4, 5];

console.log('陣列:', arr) ;//輸出陣列


陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn