Chrome控制台console的各种用法（方便调试）

1、输出信息

　　console.log('消息内容！'); //输出普通信息
　　console.info('消息内容！'); //输出提示信息
　　console.error('消息内容！');//输出错误信息
　　console.warn('消息内容！'); //输出警告信息

2、数据表格化

　　var thisObj = [
　　　　{ name: 'quber', email: 'qubernet@163.com', qq: 757200834 },
　　　　{ name: 'xm', email: 'xm@126.com', qq: 757200833 },
　　　　{ name: 'jack', email: 'jack@sina.com', qq: 757200832 },
　　　　{ name: 'maer', email: 'maer@gmail.com', qq: 757200831 }
　　];
　　console.table(thisObj);

3、统计代码执行时间

　　console.time('统计时间');

　　var count = 0;
　　for (var i = 0; i < 999999999; i++) {
　　　　count++;
　　}

　　console.timeEnd('统计时间');

4、分组输出信息

　　console.group('分组1');
　　console.log('分组1-1111');
　　console.log('分组1-2222');
　　console.log('分组1-3333');
　　console.groupEnd();

　　console.group('分组2');
　　console.log('分组2-1111');
　　console.log('分组2-2222');
　　console.log('分组2-3333');
　　console.groupEnd();

5、统计代码执行的次数

　　function testFn() {
　　　　console.count('当前执行的次数');
　　}
　　testFn();
　　testFn();
　　testFn();

6、当表达式为false时，输出信息

　　var testObj = false;
　　console.assert(testObj, '当testObj为false时才输出！');

7、将对象以树状结构展现

　　var thisObj = {
　　　　name: 'quber',
　　　　age: 26,
　　　　fn: function() {
　　　　　　alert('quber');
　　　　}
　　};
　　console.dir(thisObj);

8、展现网页某个节点所包含的所有html/xml代码

　　console.dirxml($('.kx-frm-gd'));

9、占位符

　　console.log("%d年%d月%d日", 2016, 8, 22);//console支持的占位符有：字符（%s）、整数（%d或%i）、浮点数（%f）和对象（%o）

Chrome控制台console的各种用法（方便调试）相关推荐

[转]Chrome 控制台console的用法
Chrome 控制台console的用法下面我们来看看console里面具体提供了哪些方法可以供我们平时调试时使用. 目前控制台方法和属性有: ["$$", "$x&q ...
Chrome 控制台console的用法
一般情况下我们用来输入信息的方法主要是用到如下四个: 1.console.log 用于输出普通信息 2.console.info 用于输出提示性信息 3.console.error用于输出错误信息 4 ...
chrome控制台console.log无法时实打印引用类型值的bug
在js脚本中,使用console.log打印一个大型的对象(像 vm (vue实例),或者 window 对象),然后再设置延迟改变该对象的的某个属性(假设属性名为 ppp )的值,会发现个有趣的现象 ...
Chrome 控制台的console用法收集
Chrome 控制台console的用法大家都有用过各种类型的浏览器,每种浏览器都有自己的特色,本人拙见,在我用过的浏览器当中,我是最喜欢Chrome的,因为它对于调试脚本及前端设计调试都有它比其它 ...
Chrome的控制台（Console）的用法（超详细，还未细看）
为什么写了本篇博客: (1)在Chrome浏览器开发者工具介绍:(包括,Network面板介绍,XHR等等)中,遇到了Chrome的控制台(Console):本篇博客就是详细介绍Console的. 本 ...
谷歌浏览器--控制台(console)调试--使用/教程/实例
原文网址:谷歌浏览器--控制台(console)调试--使用/教程/实例_IT利刃出鞘的博客-CSDN博客简介说明本文用示例介绍浏览器使用控制台(console)调试前端的方法. Console ...
Chrome控制台打印输出彩色调试信息
Chrome控制台打印输出彩色调试信息我们都知道Chrome浏览器在控制台可以通过console.log("Hello");输出调试信息.但是每次打印的内容是黑白的难免有些单调, ...
html5 javascript 打印日志,JS - console命令使用详解（Chrome控制台日志技巧）
通过 console命令打印日志进行调试大家肯定不陌生.我们只要在 JavaScript代码中使用console.log()方法,就可以将内容输出到 Chrome的控制台中显示. 当然 console ...
在MFC，Win32程序中向控制台(Console)窗口输出调试信息
在MFC程序中输出调试信息的方法有两种,一种是使用TRACE宏,可以向Output窗口输出调试信息:另一种是用MessageBox,弹出消息框来输出调试信息,但会影响程序的运行. 其实有一种方法可以更 ...
chrome 浏览器 console 加入 jquery 测试调试一介布衣
chrome 浏览器 console 加入 jquery 测试调试一介布衣 var jquery = document.createElement('script'); jquery.src = & ...

Chrome控制台console的各种用法（方便调试）

Chrome控制台console的各种用法（方便调试）相关推荐

最新文章

热门文章