js调试工具Console命令的详细说明

首先，显示信息的命令

复制代码如下：DOCTYPE htmlhtmlheadtitle常见控制台命令/title meta http-equiv=' content-type ' content=' text/html；charset=utf-8 '//header dyscript type=' text/JavaScript ' console . log(' hello ')；console . info(' information ')；console . error(' error ')；console . warn(' warning ')；/脚本/正文/html

最常用的是console.log.

二.占位符控制台以上浓度支持printf的占位符格式，支持的占位符有：字符(%s)、整数(%d或%i)、浮点数(%f)和对象(%o)。复制代码如下：脚本类型=' text/JavaScript ' console . log(' %d年%d月% d日)/脚本效果：

三、信息包复制码如下：DOCTYPE htmlhtmlheadtitle常见控制台命令/title meta http-equiv=' content-type ' content=' text/html；charset=utf-8 '//head dyscript type=' text/JAVAScript ' console . group('第一组信息')；

Console.log('第一个： my XX(//www . JB 51 . net)')；

Console.log('第一组，第二组， xx(http://JB 51 . net)')；

console . GroupEnd()；

Console.group('第二组信息')；

Console.log('第二组前：节目爱好者QQ群：80535344 ')；

Console.log('欢迎您加入第二组： ')；

console . GroupEnd()；/脚本/正文/html

效果：

第四，查看对象的信息console.dir()可以显示一个对象的所有属性和方法。复制的代码代码如下：脚本类型=' text/JavaScript ' var info={ blog : '/www . JB 51 . net '，qqgroup:80535344，message: '程序爱好者欢迎您加入' }；console.dir(信息)；/script

效果：

动词（verb的缩写）显示节点控制台的内容。dirxml()用于显示网页节点中包含的html/xml代码。复制代码如下：DOCTYPE htmlhtmlheadtitle常见控制台命令/title meta http-equiv=' content-type ' content=' text/html；Charset=utf-8'/流浆池id=' info ' h3my blog:www.ido321.com/h3p程序发烧友3360259280570，欢迎加入/p/div script type=' text/JavaScript ' var info=document . getelementbyid(' info ')；console . dirxml(info)；/脚本/正文/html

效果：

不及物动词判断变量是否为真console.assert()用于判断一个表达式或变量是否为真。如果结果是否定的，则在控制台中输出相应的消息，并引发异常。复制的代码如下：脚本类型=' text/JavaScript ' var result=1；console.assert(结果)；var年份=2014年；console.assert(年份==2018)；/script

1是非零值，为真；第二个判断为假，控制台上会显示一条错误消息

七、追踪函数的调用轨迹。Console.trace()用于跟踪函数的调用轨迹。复制代码如下： Script Type=' text/JavaScript '/*函数如何调用，只需添加console.trace()方法*/Function Add (a，b){ console . trace()；返回a b；}var x=add3(1，1)；函数add3(a，b){return add2(a，b)；}函数add2(a，b){return add1(a，b)；}函数add1(a，b){返回add(a，b)；}/脚本

控制台输出信息：

八、计时功能console.time()和console.timeEnd()，用于显示代码的运行时间。复制的代码如下： script type=' text/JavaScript ' console . time(' console timer 1 ')；for(var I=0；i1000I){ for(var j=0；j1000j){ } } console . timeend(' console timer one ')；/script

运行时间为38.84毫秒

九.性能分析console.profile()性能分析(Profiler)是分析程序各部分的运行时间，找出瓶颈。使用的方法是console.profile()。复制代码如下：脚本类型=' text/JavaScript '函数all(){ alert(11)；for(var I=0；i10I){ FunCA(1000)；} FuncB(10000)；}

函数FunCA(count){ for(var I=0；icounti ){}}

函数FuncB(count){ for(var I=0；icounti ){}}

Console.profile('性能分析器')；all()；console . profile end()；/script

说明LZ测试时，报警不加到All()，控制条不输出。添加后有性能分析表，原因暂时不清楚。如果你知道，你可以评论。