js调试工具Console命令详解_javascript技巧

WBOY
Release: 2016-05-16 16:33:10
Original
1285 people have browsed it

一、显示信息的命令

复制代码代码如下:




常用console命令






最常用的就是console.log了。

二:占位符

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

复制代码代码如下:



效果:

三、信息分组

复制代码代码如下:




常用console命令






效果:


四、查看对象的信息

console.dir()可以显示一个对象所有的属性和方法。

复制代码代码如下:


效果:

五、显示某个节点的内容

console.dirxml()用来显示网页的某个节点(node)所包含的html/xml代码。

复制代码代码如下:




常用console命令




我的博客:www.ido321.com

>

程序爱好者:259280570,欢迎你的加入






效果:


六、判断变量是否是真

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

复制代码代码如下:


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

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

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

复制代码代码如下:


控制台输出信息:


八、计时功能

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

复制代码代码如下:


运行时间是38.84ms


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

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

复制代码代码如下:


说明一下,LZ测试时,在All()中未加alert,控制条没有输出,加上了之后,就有了一张性能分析表,暂时不清楚原因,若你知道,可以评论。

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!