文档章节

js调试工具Console命令详解

bothyan
 bothyan
发布于 2015/09/16 16:03
字数 341
阅读 162
收藏 11

1、显示信息的命令

console.log('hello');

console.info('信息');

console.error('错误');

console.warn('警告');

2、占位符

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

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

3、信息分组

console.group("第一组");

    console.log("第一组第一条");

  console.log("第一组第二条");

console.groupEnd();

console.group("第二组");

  console.log("第二组第一条");

  console.log("第二组第二条");

console.groupEnd();

4、查看对象的信息

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

5、显示某个节点的内容

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

6、判断变量是否是真

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

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

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

8、计时功能

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

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

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

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

  }

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

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

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


本文转载自:

bothyan
粉丝 10
博文 29
码字总数 12605
作品 0
海淀
程序员
私信 提问
Android调试神器stetho使用详解和改造

本文由云+社区发表 作者:NaOH 概述 stetho是Facebook开源的一个Android调试工具,项目地址:facebook/stetho 通过Stetho,开发者可以使用chrome的inspect功能,对Android应用进行调试和查看...

腾讯云加社区
02/15
0
1
Android调试神器stetho

概述 关于stetho,最开始是同事推荐的,主要用来通过Chrome的inspect命令来查看数据库数据的。配置好stetho环境后,在浏览器中输入chrome://inspect,找到需要调试的对象,点击inspect即可调...

jdfkldjlkjdl
2018/05/16
0
0
分享10个 javascript 在线 debugging 工具

日期:2012/01/18 来源:GBin1.com 调试Javascript可能是web开发中最让人郁闷的事情。所以这里我们绝定来寻找一些好的工具来帮助大家调试。这里是10款我们精选的基于浏览器的JS在线调试工具,...

gbin1
2012/01/19
1K
2
Web移动应用调试工具——Weinre

由于前面介绍的方式不太给力,于是找到了资深的学长问了问,他告诉我有个叫weinre的插件很不错,在进一步了解,发现了这篇文章。 weinre官网:http://people.apache.org/~pmuellr/weinre/do...

Megan_zhou
2013/06/14
0
0
Indium: 在Emacs中使用Chrome调试协议调试JavaScript

日常在Web开发中, 一般都是在Emacs敲好代码中, 打开Chrome测试, 调试的时候直接调用 Chrome 内建的 DevTools/Console 中快速的调试和定位 JavaScript 代码的问题. 一般的都是这样玩的, 在Chr...

ManateeLazyCat
2018/09/17
0
0

没有更多内容

加载失败,请刷新页面

加载更多

硬件配置

https://akkadia.org/drepper/futex.pdf sudo lshw -businfo[sudo] lambda 的密码: Bus info Device Class Description======================================......

MtrS
今天
2
0
springmvc的return “success”源码解读

qqqq

architect刘源源
今天
4
0
Java程序员五面阿里分享 逆袭成功 太不容易了!

前言 拿到阿里实习offer,经历了5次面试,其中4轮技术面,1轮HR面试。在这里分享一下自己的面试经验和学习心得。希望能够帮助更多的小伙伴。 我本科毕业于中南大学信管专业,真正开始学习Jav...

别打我会飞
昨天
4
0
Android Camera模块解析之视频录制

《Android Camera架构》 《Android Camera进程间通信类总结》 《Android Camera模块解析之拍照》 《Android Camera模块解析之视频录制》 《Android Camera原理之CameraDeviceCallbacks回调模...

天王盖地虎626
昨天
2
0
手把手教你使用issue作为博客评论系统

自从上周在阮一峰的 每周分享第 60 期 看到了可以将 GitHub 的 issue 当作评论系统,插入第三方网页的 JS 库——utterances。我就对此“魂牵梦绕”。个人博客使用的是VuePress。 TLDR (不多废...

jump--jump
昨天
9
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部