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
  • 相关阅读:
    SVN服务器搭建(一)
    排序算法二:冒泡排序
    【LeetCode】136. Single Number
    【LeetCode】217. Contains Duplicate
    【LeetCode】189. Rotate Array
    【LeetCode】122. Best Time to Buy and Sell Stock II
    【LeetCode】26. Remove Duplicates from Sorted Array
    【LeetCode】20. Valid Parentheses
    【LeetCode】680. Valid Palindrome II
    【LeetCode】345. Reverse Vowels of a String
  • 原文地址:https://www.cnblogs.com/simpman/p/3605195.html
Copyright © 2011-2022 走看看