zoukankan      html  css  js  c++  java
  • Console命令详解,让调试js代码变得更简单

    一、显示信息的命令
        console.info("这是info");

       console.debug("这是debug");

       console.warn("这是warn");

       console.error("这是error");

           console.log("log");

    二、占位符

      console对象的上面5种方法,都可以使用printf风格的占位符。不过,占位符的种类比较少,只支持字符(%s)、整数(%d或%i)、浮点数(%f)和对象(%o)四种。

    三、分组显示
      console.group("第一组信息");

        console.log("第一组第一条");

        console.log("第一组第二条");

      console.groupEnd();

      console.group("第二组信息");

        console.log("第二组第一条");

        console.log("第二组第二条");

      console.groupEnd();

    四、console.dir()

      console.dir()可以显示一个对象所有的属性和方法。

    五、console.dirxml()
       console.dirxml()用来显示网页的某个节点(node)所包含的html/xml代码。

       var table = document.getElementById("table1");

       console.dirxml(table);

    六、console.assert()

    console.assert()用来判断一个表达式或变量是否为真。

    七、console.trace()

      console.trace()用来追踪函数的调用轨迹。

    八、计时功能

      console.time()和console.timeEnd(),用来显示代码的运行时间。

    九、性能分析

     function Foo(){

        for(var i=0;i<10;i++){funcA(1000);}

        funcB(10000);

      }

      function funcA(count){

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

      }

      function funcB(count){

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

      }

      console.profile('性能分析器一');

      Foo();

      console.profileEnd();

    除了使用console.profile()方法,firebug还提供了一个"概况"(Profiler)按钮。

    十、属性菜单

    控制台 后面的倒三角

    原文:http://www.cnblogs.com/see7di/archive/2011/11/21/2257442.html

    如果感觉不错,请 一个!
    by simpman
  • 相关阅读:
    div错位解决IE6、IE7、IE8样式不兼容问题
    DIV背景半透明文字不半透明的样式
    Div 自适应屏幕大小
    mysql 设置外键 四大属性 CASCADE SET NULL NO ACTION RESTRICT 理解
    msyql 主从配置
    全国最新区划数据-四级-省-市-县(区)-乡(镇)
    ThinkPHP3.2 伪静态配置
    色彩网站
    Javascript php 异常捕获
    jQuery 操作大全
  • 原文地址:https://www.cnblogs.com/simpman/p/3605195.html
Copyright © 2011-2022 走看看