• 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
  • 相关阅读:
    Pytest学习之 autouse=True,自动调用fixture功能
    Pytest学习之xfail使用
    Pytest学习之use fixtures
    python
    python
    python
    python
    python
    python
    python
  • 原文地址:https://www.cnblogs.com/simpman/p/3605195.html
Copyright © 2020-2023  润新知