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)

源:http://www.cnblogs.com/qubernet/p/5794812.html

Chrome控制台console的各种用法(方便调试)的更多相关文章

  1. [转]Chrome 控制台console的用法

    Chrome 控制台console的用法 下面我们来看看console里面具体提供了哪些方法可以供我们平时调试时使用. 目前控制台方法和属性有: ["$$", "$x&q ...

  2. Chrome 控制台console的用法(学了之后对于调试js可是大大有用的哦)

    大家都有用过各种类型的浏览器,每种浏览器都有自己的特色,本人拙见,在我用过的浏览器当中,我是最喜欢Chrome的,因为它对于调试脚本及前端设计调试都有它比其它浏览器有过之而无不及的地方.可能大家对co ...

  3. 转发:Chrome 控制台console的用法

    大家都有用过各种类型的浏览器,每种浏览器都有自己的特色,本人拙见,在我用过的浏览器当中,我是最喜欢Chrome的,因为它对于调试脚本及前端设计调试都有它比其它浏览器有过之而无不及的地方.可能大家对co ...

  4. Chrome 控制台console的用法(转)

    下面我们来看看console里面具体提供了哪些方法可以供我们平时调试时使用. 目前控制台方法和属性有: ["$$", "$x", "dir" ...

  5. Chrome 控制台console的用法

    下面我们来看看console里面具体提供了哪些方法可以供我们平时调试时使用. 目前控制台方法和属性有: ["$$", "$x", "dir" ...

  6. 【repost】Chrome 控制台console的用法

    下面我们来看看console里面具体提供了哪些方法可以供我们平时调试时使用. 目前控制台方法和属性有: ["$$", "$x", "dir" ...

  7. Chrome 控制台 console

    前言 Chrome浏览器我想是每一个前端er必用工具之一吧,一部分原因是它速度快,体积不大,支持的新特性也比其它浏览器多,还有一部分我想就是因为它的控制台功能强大了吧,说它是神器一点也不过分,很方便. ...

  8. 如何在浏览器控制台(console)里输出彩色样式调试信息

    console.log(XX,XX,XX) log 的第一个参数声明第二.第三个参数的作用,第二个参数就是样式,第三个参数是要输出的字符串 console.log("%c%s", ...

  9. Chrome控制台调试工具用法

    下面我们来看看console里面具体提供了哪些方法可以供我们平时调试时使用. Console API 当打开 firebug (也包括 Chrome 等浏览器的自带调试工具),window 下面会注册 ...

随机推荐

  1. PersistenceContext.properties()

    在做 Spring + SpringMVC + SpringData 时,单元测试 报这个错误: java.lang.NoSuchMethodError:javax.persistence.Persi ...

  2. TCP客户端图片上传服务端保存本地示例

    //TCP客户端public class TCPClient { public static void main(String[] args)throws IOException { Socket s ...

  3. ::before 伪元素三角

    ul::before{ content: ''; width:; height:; border: 10px solid transparent; border-bottom: 10px solid ...

  4. loadRunner手动关联, web_reg_save_param_regexp()函数正则匹配字符,赋值给变量

    loadRunner写脚本实现登录机票网站,手动关联,获取页面源码中特定字符 手动关联,就是通过函数获取某个步骤生成的字符,赋值给一个变量,这个变量可以作为接下来某个步骤的输入, 以便这个脚本能够在存 ...

  5. JustOj 1994: P1001

    题目描述         给定一个长度为N(0< n< =10000)的序列,保证每一个序列中的数字a[i]是小于maxlongint的非负整数  ,编程要求求出整个序列中第k大的数字减去 ...

  6. 源码下载:74个Android开发开源项目汇总

    1. ActionBarSherlock ActionBarSherlock应该算得上是GitHub上最火的Android开源项目了,它是一个独立的库,通过一个API和主题,开发者就可以很方便地使用所 ...

  7. Django框架----路由系统(详细)

    Django的路由系统 Django 1.11版本 URLConf官方文档 URL配置(URLconf)就像Django 所支撑网站的目录.它的本质是URL与要为该URL调用的视图函数之间的映射表. ...

  8. jpg、gif、png-8、png-24的区别

    一.gif格式的特点 1.透明性.gif是一种布尔透明类型,即它可以是全透明,也可以是全不透明,但是没有半透明 2.动画.gif支持动画 3.无损耗性.gif是一种无损耗的图像格式,这意味着你可以对g ...

  9. php_study progress(1)

    PHP是一种语法简单.功能强大的网络编程语言.在语法格式上,PHP借鉴了广泛流行的C.Java和Perl等编程语言的特点,非常类似于C语言,但比C语言更简单,易学和易用,因此特别适合于学习过C语言,有 ...

  10. USB开发库STSW-STM32121文件分析(转)

    源: USB开发库STSW-STM32121文件分析