利用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 相关文章推荐
你真的了解JavaScript吗?
Feb 24 Javascript
js 编写规范
Mar 03 Javascript
JQuery自定义事件的应用 JQuery最佳实践
Aug 01 Javascript
javascript中节点的最近的相关节点访问方法
Mar 20 Javascript
javascript客户端遍历控件与获取父容器对象示例代码
Jan 06 Javascript
node.js中的http.response.addTrailers方法使用说明
Dec 14 Javascript
jQuery插件EasyUI设置datagrid的checkbox为禁用状态的方法
Aug 05 Javascript
AngularJS 依赖注入详解及示例代码
Aug 17 Javascript
用jQuery.ajaxSetup实现对请求和响应数据的过滤
Dec 20 Javascript
template.js前端模板引擎使用详解
Oct 10 Javascript
使用Vue-cli 3.0搭建Vue项目的方法
Jun 07 Javascript
Vuex的初探与实战小结
Nov 26 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
B2K与车机的中波PK
2021/03/02 无线电
php从右向左/从左向右截取字符串的实现方法
2011/11/28 PHP
PHP中如何调用webservice的实例参考
2013/04/25 PHP
关于js与php互相传值的介绍
2013/06/25 PHP
简单介绍win7下搭建apache+php+mysql开发环境
2015/08/06 PHP
XHProf报告字段含义的解析
2016/05/17 PHP
JavaScript具有类似Lambda表达式编程能力的代码(改进版)
2010/09/14 Javascript
jquery中加载图片自适应大小主要实现代码
2013/08/23 Javascript
jQuery 1.9使用$.support替代$.browser的使用方法
2014/05/27 Javascript
js实现点击后将文字或图片复制到剪贴板的方法
2014/08/04 Javascript
IE下通过a实现location.href 获取referer的值
2014/09/04 Javascript
Angular 页面跳转时传参问题
2016/08/01 Javascript
scroll事件实现监控滚动条并分页显示(zepto.js)
2016/12/18 Javascript
jQuery操作DOM_动力节点Java学院整理
2017/07/04 jQuery
网页中的图片查看器viewjs使用方法
2017/07/11 Javascript
JS基于对象的特性实现去除数组中重复项功能详解
2017/11/17 Javascript
浅谈React中组件间抽象
2018/01/27 Javascript
webpack打包非模块化js的方法
2018/10/24 Javascript
jQuery.parseJSON()函数详解
2019/02/28 jQuery
Nodejs异步流程框架async的方法
2019/06/07 NodeJs
js 数据类型判断的方法
2020/12/03 Javascript
python将一个英文语句以单词为单位逆序排放的方法
2018/12/20 Python
python+opencv像素的加减和加权操作的实现
2019/07/14 Python
python+gdal+遥感图像拼接(mosaic)的实例
2020/03/10 Python
pycharm通过anaconda安装pyqt5的教程
2020/03/24 Python
Python3爬虫中识别图形验证码的实例讲解
2020/07/30 Python
Python3爬虫关于代理池的维护详解
2020/07/30 Python
HTML5 Web缓存和运用程序缓存(cookie,session)
2018/01/11 HTML / CSS
three.js模拟实现太阳系行星体系功能
2019/09/03 HTML / CSS
万豪国际住宅与别墅集团:Homes & Villas by Marriott International
2020/10/08 全球购物
电子商务专业个人的自我评价
2013/12/19 职场文书
法人代表身份证明书及授权委托书
2014/09/16 职场文书
2015年人事科工作总结
2015/04/28 职场文书
安全教育主题班会总结
2015/08/14 职场文书
七年级数学教学反思
2016/02/17 职场文书
又涨知识了,自律到底多重要?
2019/06/27 职场文书