• 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
  • 相关阅读:
    nginx syslog 配置
    通过granfana 以及prometheus 比较zulu 、oracle、openjdk 等jvm 运行
    cube.js 新版本试用preosto
    关于redash 自定义可视化以及query runner 开发的几篇文章
    通过redash query results 数据源实现跨数据库的查询
    cube.js 最近版本的一些更新
    zeebe 0.20.0 集群部署试用
    redash oracle 数据源docker 镜像
    使用jmx-exporter&&jmxtrans && nexus jmx 暴露nexus 系统指标信息
    jmxtrans docker-compose 运行
  • 原文地址:https://www.cnblogs.com/simpman/p/3605195.html
Copyright © 2020-2023  润新知