一、显示信息的命令

<!DOCTYPE html>

<html>

<head>

<title>常用console命令</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

</head>

<body>

<script type="text/javascript">

console.log('hello');

console.info('信息');

console.error('错误');

console.warn('警告');

</script>

</body>

</html>

二：占位符

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

<script type="text/javascript">

console.log("%d年%d月%d日",2011,3,26);

</script>

三、信息分组

<!DOCTYPE html>

<html>

<head>

<title>常用console命令</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

</head>

<body>

<script type="text/javascript">

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

　　　　console.log("第一组第一条:我的XX(http://www.jb51.net)");

　　　　console.log("第一组第二条:xxx(http://jb51.net)");

　　console.groupEnd();

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

　　　　console.log("第二组第一条:程序爱好者QQ群： 80535344");

　　　　console.log("第二组第二条:欢迎你加入");

　　    console.groupEnd();

</script>

</body>

</html>

四、查看对象的信息

<script type="text/javascript">

var info = {

blog:"http://www.jb51.net",

QQGroup:80535344,

message:"程序爱好者欢迎你的加入"

};

console.dir(info);

</script>

五、显示某个节点的内容

<!DOCTYPE html>

<html>

<head>

<title>常用console命令</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

</head>

<body>

<div id="info">

<h3>我的博客：www.ido321.com</h3>

<p>程序爱好者:259280570,欢迎你的加入</p>

</div>

<script type="text/javascript">

var info = document.getElementById('info');

console.dirxml(info);

</script>

</body>

</html>

六、判断变量是否是真

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

<script type="text/javascript">

　　var result = 1;

　　console.assert( result );

　　var year = 2014;

　　console.assert(year == 2018 );

</script>

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

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

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

<script type="text/javascript">

/*函数是如何被调用的，在其中加入console.trace()方法就可以了*/

　　function add(a,b){

console.trace();

　　　　return a+b;

　　}

　　var x = add3(1,1);

　　function add3(a,b){return add2(a,b);}

　　function add2(a,b){return add1(a,b);}

　　function add1(a,b){return add(a,b);}

</script>

八、计时功能

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

<script type="text/javascript">

　　console.time("控制台计时器一");

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

　　　　for(var j=0;j<1000;j++){}

　　}

　　console.timeEnd("控制台计时器一");

</script>

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

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

<script type="text/javascript">

　　function All(){

alert(11);

　　　　     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('性能分析器');

　　All();

　　console.profileEnd();

</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. 刷题总结——玉蟾宫（bzoj3039单调栈）

    题目: Description 有一天,小猫rainbow和freda来到了湘西张家界的天门山玉蟾宫,玉蟾宫宫主蓝兔盛情地款待了它们,并赐予它们一片土地.这片土地被分成N*M个格子,每个格子里写着'R ...

  2. Linux命令——top

    top命令可以实时动态地查看系统的整体运行情况,是一个综合了多方信息监测系统性能和运行信息的实用工具.通过top命令所提供的互动式界面,用热键可以管理. 语法 top(选项) 选项 -b:以批处理模式 ...

  3. Bzoj2007 [Noi2010]海拔（平面图最短路）

    2007: [Noi2010]海拔 Time Limit: 20 Sec  Memory Limit: 552 MBSubmit: 2742  Solved: 1318[Submit][Status] ...

  4. angular父子scope之间的访问

    1.子可以访问父的scope,也可以更新相同的scope,但父scope不会被刷新 2.父要访问子scope的方法

  5. EC++学习笔记(六) 继承和面向对象设计

    条款32:确定你的 public 继承塑模出 is-a 关系 public inheritance 意味着 is-a 关系class Derived 以 public 形式继承 class Base, ...

  6. 批处理BAT替换与截取字符串的用法t1=%a:~3%是什么意思

    在bat编写中,我们经常越到t1=%a:~3%之类的代码,这里简单介绍下用法,需要的朋友可以参考下: 一.替换用法  例  @echo off set a=belcome to CMD borld! ...

  7. Phantomjs和Casperjs，后台网页抓取和交互

    var casper = require('casper').create({ verbose: true, logLevel: 'debug', pageSettings: { loadImages ...

  8. 487. Max Consecutive Ones II

    Given a binary array, find the maximum number of consecutive 1s in this array if you can flip at mos ...

  9. android Containers控件

    1.RadioGroup 一组单选框容器 2.ListView 3.GridView 4.ExpandableListView 可折叠列表 5.ScrollView 上下滚动条 6.Horizonta ...

  10. nsmutablestring 属性声明为copy程序崩溃了

    obj.mutableStr = (NSMutableString *)[[NSMutableString alloc] initWithString:@"Hello"]; NSL ...