快捷導(dǎo)航

利用Js的console對(duì)象,在控制臺(tái)打印調(diào)式信息測(cè)試Js的實(shí)現(xiàn)

更新時(shí)間：2016年11月26日 10:37:01 投稿：jingxian

下面小編就為大家?guī)?lái)一篇利用Js的console對(duì)象,在控制臺(tái)打印調(diào)式信息測(cè)試Js的實(shí)現(xiàn)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧

一次偶然的機(jī)會(huì)，打開(kāi)百度的時(shí)候按下了F12，然后就見(jiàn)控制臺(tái)里面輸出了百度的招聘廣告，感覺(jué)挺帥氣的，再然后就有了這篇博文。

既然可以這樣在控制臺(tái)輸出信息，那以后再調(diào)試Js的時(shí)候不就可以省去很多麻煩了嘛！避免不誤人子弟，特意使用for(var i in console)查看了下各種瀏覽器控制臺(tái)對(duì)console的支持，

結(jié)果如下：

IE 11 控制臺(tái)

log , info , warn , error , debug , assert , time , timeEnd , group , groupCollapsed , groupEnd , trace , clear , dir , dirxml , count , countReset , cd , select , profile , profileEnd

Firebug 控制臺(tái)

log , debug , info , warn , exception , assert , dir , dirxml , trace , group , groupCollapsed , groupEnd , profile , profileEnd , count , clear , time , timeEnd , timeStamp , table , error

Chrome 控制臺(tái)

memory , _commandLineAPI , debug , error , info , log , warn , dir , dirxml , table , trace , assert , count , markTimeline , profile , profileEnd , time , timeEnd , timeStamp , timeline , timelineEnd , group , groupCollapsed , groupEnd , clear

可以看出，以上我測(cè)試的瀏覽器對(duì) log , info , warn , error , debug 五個(gè)基本方法都是支持的，注意，我使用的是 IE 11，其他版本我沒(méi)測(cè)試，而 Firefox 本身也是不帶控制臺(tái)的，需要加載Firebug 插件并且啟動(dòng)它，才能console，否則就是Js報(bào)錯(cuò)了。為了使用起來(lái)更方便，可以自己封裝一下，判斷一下瀏覽器對(duì) console 的支持，不支持就只能使用原始的 alert 或者其他方法了。

簡(jiǎn)單用法：

console.log("日志信息");
console.info("一般信息");
console.debug("調(diào)試信息");
console.warn("警告提示");
console.error("錯(cuò)誤提示");

格式化輸出：

console.log("%d年%d月%d日", 2014, 5, 20);//日期格式輸出
console.log('%c有顏色的輸出信息', 'color:white; background-color:#0055CC');//格式輸出

輸出變量：

var who= 'you';
console.log('輸出變量 We support ', you);//讀取變量

輸出數(shù)組：

var arr = [1, 2, 3, 4, 5];
console.log('數(shù)組：', arr);//輸出數(shù)組

以上這篇利用Js的console對(duì)象,在控制臺(tái)打印調(diào)式信息測(cè)試Js的實(shí)現(xiàn)就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章: