一、显示信息的命令

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>常用console命令</title>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6. </head>
  7. <body>
  8. <script type="text/javascript">
  9. console.log('hello');
  10. console.info('信息');
  11. console.error('错误');
  12. console.warn('警告');
  13. </script>
  14. </body>
  15. </html>

二：占位符

console上述的集中度支持printf的占位符格式，支持的占位符有：字符（%s）、整数（%d或%i）、浮点数（%f）和对象（%o）

  1. <script type="text/javascript">
  2. console.log("%d年%d月%d日",2011,3,26);
  3. </script>

三、信息分组

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>常用console命令</title>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6. </head>
  7. <body>
  8. <script type="text/javascript">
  9. console.group("第一组信息");
  10. 　　　　console.log("第一组第一条:我的XX(http://www.jb51.net)");
  11. 　　　　console.log("第一组第二条:xxx(http://jb51.net)");
  12. 　　console.groupEnd();
  13. 　　    console.group("第二组信息");
  14. 　　　　console.log("第二组第一条:程序爱好者QQ群： 80535344");
  15. 　　　　console.log("第二组第二条:欢迎你加入");
  16. 　　    console.groupEnd();
  17. </script>
  18. </body>
  19. </html>

四、查看对象的信息

  1. <script type="text/javascript">
  2. var info = {
  3. blog:"http://www.jb51.net",
  4. QQGroup:80535344,
  5. message:"程序爱好者欢迎你的加入"
  6. };
  7. console.dir(info);
  8. </script>

五、显示某个节点的内容

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>常用console命令</title>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6. </head>
  7. <body>
  8. <div id="info">
  9. <h3>我的博客：www.ido321.com</h3>
  10. <p>程序爱好者:259280570,欢迎你的加入</p>
  11. </div>
  12. <script type="text/javascript">
  13. var info = document.getElementById('info');
  14. console.dirxml(info);
  15. </script>
  16. </body>
  17. </html>

六、判断变量是否是真

console.assert()用来判断一个表达式或变量是否为真。如果结果为否，则在控制台输出一条相应信息，并且抛出一个异常。

  1. <script type="text/javascript">
  2. 　　var result = 1;
  3. 　　console.assert( result );
  4. 　　var year = 2014;
  5. 　　console.assert(year == 2018 );
  6. </script>

1是非0值，是真；而第二个判断是假，在控制台显示错误信息

七、追踪函数的调用轨迹。

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

  1. <script type="text/javascript">
  2. /*函数是如何被调用的，在其中加入console.trace()方法就可以了*/
  3. 　　function add(a,b){
  4. console.trace();
  5. 　　　　return a+b;
  6. 　　}
  7. 　　var x = add3(1,1);
  8. 　　function add3(a,b){return add2(a,b);}
  9. 　　function add2(a,b){return add1(a,b);}
  10. 　　function add1(a,b){return add(a,b);}
  11. </script>

八、计时功能

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

  1. <script type="text/javascript">
  2. 　　console.time("控制台计时器一");
  3. 　　for(var i=0;i<1000;i++){
  4. 　　　　for(var j=0;j<1000;j++){}
  5. 　　}
  6. 　　console.timeEnd("控制台计时器一");
  7. </script>

九、console.profile()的性能分析

性能分析（Profiler）就是分析程序各个部分的运行时间，找出瓶颈所在，使用的方法是console.profile()。

  1. <script type="text/javascript">
  2. 　　function All(){
  3. alert(11);
  4. 　　　　     for(var i=0;i<10;i++){
  5. funcA(1000);
  6. }
  7. 　　　　    funcB(10000);
  8. 　　    }
  9. 　　function funcA(count){
  10. 　　　　for(var i=0;i<count;i++){}
  11. 　　}
  12. 　　function funcB(count){
  13. 　　　　for(var i=0;i<count;i++){}
  14. 　　}
  15. 　　console.profile('性能分析器');
  16. 　　All();
  17. 　　console.profileEnd();
  18. </script>

原文链接：http://www.jb51.net/article/56504.htm

console调试命令的更多相关文章

  1. Javascript调试命令

    Javascript调试命令——你只会Console.log() ? Console 对象提供对浏览器控制台的接入(如:Firefox 的 Web Console).不同浏览器上它的工作方式是不一样的 ...

  2. 推荐几个不错的console调试技巧

    在我们的日常前端开发中,使用最频繁的莫过于使用console.log在浏览器的控制台中打印出我们需要调试的信息,但是大部分人可能跟之前的我一样,没有意识到其实console除了log方法以外,还有很多 ...

  3. 你不知道的那些js调试命令

    通常情况下,我们在调试js程序的时候一般都使用console.log()来进行程序的调试,打印自己所需要的内容什么的. 那么js的调试命令可不止一个console.log() 分类输出 console ...

  4. 前台console调试技巧

    前台console调试技巧 一.console.log() 二.console.warn() 三.console.dir() 四.console.table() 五.console.assert() ...

  5. WinDBG 调试命令大全

    转载收藏于:http://www.cnblogs.com/kekec/archive/2012/12/02/2798020.html  #调试命令窗口 ++++++++++++++++++++++++ ...

  6. GDB调试命令小结

    1.启动调试 前置条件:编译生成执行码时带上 -g,如果使用Makefile,通过给CFLAGS指定-g选项,否则调试时没有符号信息.gdb program //最常用的用gdb启动程序,开始调试的方 ...

  7. Windbg调试命令详解

    作者:张佩][原文:http://www.yiiyee.cn/Blog] 1. 概述 用户成功安装微软Windows调试工具集后,能够在安装目录下发现四个调试器程序,分别是:cdb.exe.ntsd. ...

  8. jdb调试命令

    常用调试命令: run GeoHashTest #带参数运行 stop at GeoHashTest:22 #断点GeoHashTest文件的22行 stop in GeoHashEncode.Enc ...

  9. 基础调试命令 - .dump/.dumpcap/.writemem/!runaway

    Windbg是windows平台上强大的调试器,它相对于其他常见的IDE集成的调试器有几个重要的优势, Windbg可以做内核态调试 Windbg可以脱离源代码进行调试 Windbg可以用来分析dum ...

随机推荐

  1. 【Luogu】P3708Koishi的数字游戏（数论）

    题目链接 考虑f(i)=i%1+i%2+i%3+.....+i%n f(i+1)=(i+1)%1+(i+1)%2+......+(i+1)%n 其中不是i+1的因数的部分在f(i+1)的地方都加了1. ...

  2. HDU 3949 XOR ——线形基 高斯消元

    [题目分析] 异或空间的K小值. 高斯消元和动态维护线形基两种方法都试了试. 动态维护更好些,也更快(QAQ,我要高斯消元有何用) 高斯消元可以用来开拓视野. 注意0和-1的情况 [代码] 高斯消元 ...

  3. [BZOJ2287]【POJ Challenge】消失之物（DP）

    传送门 f[i][j]表示前i个物品,容量为j的方案数c[i][j]表示不选第i个物品,容量为j的方案数两个数组都可以压缩到一维 那么f[i][j] = f[i - 1][j] + f[i - 1][ ...

  4. 刷题总结——随机图（ssoi）

    题目: 随机图 (random.cpp/c/pas) [问题描述] BG 为了造数据,随机生成了一张�个点的无向图.他把顶点标号为1~�. 根据BG 的随机算法,对于一个点对�, �(1 ≤ � &l ...

  5. cf660E Different Subsets For All Tuples

    For a sequence a of n integers between 1 and m, inclusive, denote f(a) as the number of distinct sub ...

  6. 在windows下使用Cygwin模拟unix环境，并安装apt-cyg，svn等工具

    在windows下使用Cygwin模拟unix环境,并安装apt-cyg,svn等工具 一.Cygwin的安装 1. 下载Cygwin,这个可以到这里下载 ,至于使用32位的还是64位的版本可以根据自 ...

  7. 【BZOJ3450】Easy（期望）

    题意: 某一天WJMZBMR在打osu~~~但是他太弱逼了,有些地方完全靠运气:(我们来简化一下这个游戏的规则有n次点击要做,成功了就是o,失败了就是x,分数是按comb计算的,连续a个comb就有a ...

  8. UIApplicationDelegate详解

    
每 个iPhone应用程序都有一个UIApplication,UIApplication是iPhone应用程序的开始并且负责初始化并显示 UIWindow,并负责加载应用程序的第一个UIView到U ...

  9. 由String作为方法参数，引起的值传递，引用传递，及StringBuffer

    原文引用: http://www.cnblogs.com/zuoxiaolong/p/lang1.html http://www.cnblogs.com/clara/archive/2011/09/1 ...

  10. CKeditor如何实现图片上传功能

    http://makaiyuan.blog.51cto.com/5819595/1049521 如何在数据库中导入excel文件内的数据:http://jingyan.baidu.com/album/ ...