使用控制台进行javascript调试的方法

  介绍

这篇文章主要介绍了使用控制台进行javascript调试的方法,具有一定借鉴价值,需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。

在过去的十年中,我最热衷的事情之一就是前端开发(特别是javascript)。作为一个“匠”人,我喜欢专研各种工具。在本文,我会为你介绍一些用老式控制台来调试的技巧。

是的,我们都知道下面基本的技巧:

控制台。日志(“Hello World !”);   console.info(“发生了一件事…”);   控制台。警告(“奇怪的事情发生了…”);   控制台。错误(“可怕的事情发生了…”);

从现在开始,我将教会你一些你不知道的技巧,让你成为老司机!

1。console.trace ()

如果你想知道消息是哪里打印出来的,使用<代码> console.trace() 来获取要打印的数据的加亮。


使用控制台进行javascript调试的方法

2。console.time (),,console.timeEnd ()

如果你想分析函数的性能,可以使用<代码> console.time() 来计时,<代码> console.timeEnd() 来结束计时,控制台会打印出两次之间的时间差。

使用控制台进行javascript调试的方法

3。console.memory

如果你发现性能问题很难分析,可能还要考虑是否有内存泄露,你可以使用<代码>控制台。内存>

使用控制台进行javascript调试的方法

Fundebug助你更好地调试、欢迎试用!

4。console.profile (“profileName”),console.profileEnd (profileName)

虽然不是一个标准的做法,不过被广泛接受使用。你可以使用这两个命令来启动和停止剖析。这样有助你你在代码中做精准的剖析。而不依赖于手动的鼠标点击。你可以在浏览器控制台<代码> Javacript分析器>

使用控制台进行javascript调试的方法

5。控制台。计数(“我”)

有时候为了记录一个函数或则一段代码重复执行了多少次,可以使用<代码> console.count(& # 39; ? & # 39;) 来记录。每一次执行到该代码,就会自动加1 .

使用控制台进行javascript调试的方法

6。控制台。断言(假,“日志我!”)

你可以使用<代码> console.assert> 注意:在节点。js下会报错(断言错误)。

使用控制台进行javascript调试的方法

7。console.group(“集团”),console.groupEnd(集团)

如果你想对打印的日志做一个格式化的整理,可以使用<代码> console.group() 和<代码> console.groupEnd()>

使用控制台进行javascript调试的方法

8。字符串替换

你可以使用<代码>控制台。日志>

9。console.clear ()

我们已经在控制台输出了很多记录,来使用<代码> console.clear() 清空一下。

10。console.table ()

最后一个压轴的!你可以使用<代码> console.table() 将对象以表格的形式打印出来。

使用控制台进行javascript调试的方法

感谢你能够认真阅读完这篇文章,希望小编分享使用控制台进行javascript调试的方法内容对大家有帮助,同时也希望大家多多支持,关注行业资讯频道,遇到问题就找,详细的解决方法等着你来学习!

使用控制台进行javascript调试的方法