`
agileai
  • 浏览: 55520 次
  • 性别: Icon_minigender_1
  • 来自: 沈阳
社区版块
存档分类
最新评论

九个Console命令,让js调试更简单

 
阅读更多

一、显示信息的命令

最常用的就是console.log了。

二、占位符

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

效果:

三、信息分组

效果:

四、查看对象的信息

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

效果:

五、显示某个节点的内容

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

效果:

六、判断变量是否是真

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

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

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

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

控制台输出信息:

八、计时功能

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

运行时间是38.84ms

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

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

输出如图:

本文作者:dwqs    转载链接:https://github.com/dwqs/blog/issues/32

分享到:
评论

相关推荐

    JS调试-Console命令详解

    Firebug内置一个console对象,提供5种方法,用来显示信息。 最简单的方法是console.log(),可以用来取代alert()或document.write()。比如,在网页脚本中使用console.log("Hello World")...

    JS调试-console命令详解1

    JS调试-console命令详解1

    9个让JavaScript调试更简单的Console命令

    主要为大家详细介绍了9个让JavaScript调试更简单的Console命令,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

    js调试工具Console命令详解

    常用console命令</title> <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ /> </head> <body> [removed] console.log(‘hello’); console.info(‘信息’); ...

    除Console.log()外更多的Javascript调试命令

    本篇文章给大家介绍了除Console.log()外更多的Javascript调试命令,方便大家更多环境下的JS调试,学习下吧。

    logwrap:无需编写任何 console.log 命令即可调试更大的类和函数的包装器

    用console.log调试复杂的类感觉不对。 安装 npm install [--save-dev] logwrap 例子 调试类: var logwrap = require ( 'logwrap' ) ; function MyClass ( ) { /*...*/ } MyClass . prototype . myMethod = ...

    深入分析javascript中console命令

    console对象是JavaScript的原生对象,它有点像Unix系统的标准输出stdout和标准错误stderr,可以输出各种信息用来调试程序,而且还提供了很多额外的方法,供开发者调用。它的常见用途有两个。显示网页代码运行时的...

    screenlog.js:在屏幕上显示console.log

    screenlog.js 在屏幕上显示console.log 您是否曾经遇到过这样的情况:“开发者控制台打开后,为什么不显示此错误!”? 而且由于在打开控制台时该错误不会显示,因此无法使用console.log进行调试日志记录。 输入...

    RemoteConsole:在远程浏览器上调试 HTML 页面

    这就是远程控制台诞生的原因,它允许您查看日志/错误并执行 JS 命令和其他一些测试,但具有远程功能! 没有更多的电缆! 您的设备只需要与您的桌面位于同一本地网络上。 也可以在经典桌面浏览器上使用 要求 如何...

    禁用JavaScript控制台调试的方法

    有几个巨头公司,即Facebook和Netflix,决定禁止用户在控制台(console)执行JavaScript命令。 最初这是 由Facebook开始的 ,用于防止恶意用户通过JavaScript控制台执行特定的命令散播消息(发送给所有Facebook用户大量...

    win7绿色ie6(带调试工具IE WebDeveloperv2.4.1)

    可以在Javascript代码中用console.log('信息')来输出信息了,比alert命令好用多了。还可以直接在里面输入命令进行调试。 3 第三个为Source Explorer,查看当前页所用到CSS和Javascript文件以及HTML源代码,它能够列...

    基于node.js之调试器详解

    1.在命令行窗口中,可以使用”node debug” 命令来启用调试器,代码如下: node debug<需要被执行的脚本文件名>接下来根据一个实例进行学习调试过程: 编写app.js文件进行调试: console.log('hello,word') ...

    js调试系列 控制台命令行API使用方法

    先打开百度,然后按 F12 打开后,如果不是 ...是不是很简单。下一步是用 console.dir 查看该元素信息。 输入 console.dir(document.getElementById(‘kw1’)); 然后回车,出来一个奇奇怪怪的东西。 你可以点这个东西,

    node.js 一个简单的页面输出实现代码

    代码如下: console.log(“hello node.js”) for(var i in console){ console.log(i+” “+console[i]) } node example.js。 你千万不要在node.js使用alert进行调试,那是浏览器带的全局方法,不报错才怪。 输出结果...

    debuguy:非侵入式JavaScript调试配置文件日志生成工具

    调试 非侵入式日志分析/调试/分析工具 演示版 待定 入门 如果您想立即使用调试 使用cli命令安装 $ npm install -g debuguy $ debuguy --help $ debuguy --version # parse javascript sources and replace debuguy...

    atom-javascript-refactor:atom javascript 重构工具

    命令ctrl + l, r仪器所有功能(需要调试打印) 跟踪 node.js 应用程序中调用了哪些函数非常有用。 目前,只有仪器功能,更改您的原始代码。 然后在看到结果后,您可以使用 git 或 UNDO 取回原始代码。ctrl + l, l...

    console-dot-emoji:使用Emoji进行自定义控制台日志记录

    调试JavaScript可能会很痛苦,并且通常意味着需要花费大量时间来查看无聊的控制台日志。 受到Tim Holman的的启发,我制作了自己的控制台记录器-但带有可自定义的命令和表情符号。 由于console.beer ,登录控制台再次...

Global site tag (gtag.js) - Google Analytics