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


Posted in Javascript onNovember 26, 2016

一次偶然的机会,打开百度的时候按下了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的实现就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JS array 数组详解
Mar 22 Javascript
在多个页面使用同一个HTML片段的代码
Mar 04 Javascript
jquery判断RadioButtonList和RadioButton中是否有选中项示例
Sep 29 Javascript
jquery模拟alert的弹窗插件
Jul 31 Javascript
JavaScript学习小结之被嫌弃的eval函数和with语句实例详解
Aug 01 Javascript
JavaScript蒙板(model)功能的简单实现代码
Aug 04 Javascript
vue.js实现条件渲染的实例代码
Jun 22 Javascript
详解Vue学习笔记入门篇之组件的内容分发(slot)
Jul 17 Javascript
postman自定义函数实现 时间函数的思路详解
Apr 17 Javascript
html+jQuery实现拖动滑块图片拼图验证码插件【移动端适用】
Sep 10 jQuery
Vue3.0中的monorepo管理模式的实现
Oct 14 Javascript
Javascript新手入门之字符串拼接与变量的应用
Dec 03 Javascript
JS类的定义与使用方法深入探索
Nov 26 #Javascript
js控制台输出的方法(详解)
Nov 26 #Javascript
jQuery基于排序功能实现上移、下移的方法
Nov 26 #Javascript
node.js中的事件处理机制详解
Nov 26 #Javascript
使用node.js中的Buffer类处理二进制数据的方法
Nov 26 #Javascript
火狐和ie下获取javascript 获取event的方法(推荐)
Nov 26 #Javascript
JS基于递归实现倒计时效果的方法
Nov 26 #Javascript
You might like
十天学会php之第七天
2006/10/09 PHP
php知道与问问的采集插件代码
2010/10/12 PHP
PHP连接MSSQL时nvarchar字段长度被截断为255的解决方法
2014/12/25 PHP
使用PHP生成二维码的方法汇总
2015/07/22 PHP
yii2整合百度编辑器umeditor及umeditor图片上传问题的解决办法
2016/04/20 PHP
php自定义函数实现二维数组排序功能
2016/07/20 PHP
php版微信公众号自定义分享内容实现方法
2016/09/22 PHP
详谈symfony window下的安装 安装时候出现的问题以及解决方法
2017/09/28 PHP
php异常处理捕获错误整理
2019/09/23 PHP
jQuery 源码分析笔记(6) jQuery.data
2011/06/08 Javascript
JavaScript高级程序设计 XML、Ajax 学习笔记
2011/09/10 Javascript
jquery 表格排序、实时搜索表格内容(附图)
2014/05/19 Javascript
Javascript this 关键字 详解
2014/10/22 Javascript
node-webkit打包成exe文件被360误报木马的解决方法
2015/03/11 Javascript
javascript字符串与数组转换汇总
2015/05/26 Javascript
Javascript中的 “&” 和 “|” 详解
2017/02/02 Javascript
js获取元素下的第一级子元素的方法(推荐)
2017/03/05 Javascript
vue2.0在table中实现全选和反选的示例代码
2017/11/04 Javascript
vue父组件向子组件动态传值的两种方法
2017/11/11 Javascript
JS基于封装函数实现的表格分页完整示例
2018/06/26 Javascript
webpack的tree shaking的实现方法
2019/09/18 Javascript
Javascript基于OOP实实现探测器功能代码实例
2020/08/26 Javascript
使用Django的模版来配合字符串翻译工作
2015/07/27 Python
Python读取文件内容的三种常用方式及效率比较
2017/10/07 Python
使用k8s部署Django项目的方法步骤
2019/01/14 Python
python对验证码降噪的实现示例代码
2019/11/12 Python
django rest framework 自定义返回方式
2020/07/12 Python
python实现梯度下降算法的实例详解
2020/08/17 Python
Django通过设置CORS解决跨域问题
2020/11/26 Python
Hudson Jeans官网:高级精制牛仔裤
2018/11/28 全球购物
Lentiamo荷兰:在线订购隐形眼镜、隐形眼镜液和太阳镜
2019/10/25 全球购物
销售员求职个人的自我评价
2014/02/19 职场文书
2015初一年级组工作总结
2015/07/24 职场文书
幼儿园教师教育随笔
2015/08/14 职场文书
Mysql忘记密码解决方法
2022/02/12 MySQL