利用Js的console对象,在控制台打印调式信息测试Js的实现

发布时间：2024-04-06 07:28:49 来源：互联网

.

冉冉升起的如银的炊烟，那更古沉默永不停息的小溪，那驮着夕阳缓缓独行的老牛，一方方秧田像棋盘格子，绿绒绒的秧苗，织成一幅幅地毯，远远地伸向天际；丛丛绿树掩映着青砖红瓦的房屋。春天，故乡的松树林依然郁郁苍苍，映山红却已开遍山丘。

一次偶然的机会，打开百度的时候按下了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 , profileEnd

Firebug 控制台

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

Chrome 控制台

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

可以看出，以上我测试的浏览器对 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);//输出数组

以上这篇利用Js的console对象,在控制台打印调式信息测试Js的实现就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。

以下您可能有感兴趣的文章:

标签： Js console