前端CHROME CONSOLE的使用:测量执行时间和对执行进行计数

利用 Console API 测量执行时间和对语句执行进行计数。

这篇文章主要讲:

使用 console.time() 和 console.timeEnd() 跟踪代码执行点之间经过的时间。

使用 console.count() 对相同字符串传递到函数的次数进行计数。

测量执行时间

time() 方法可以启动一个新计时器,并且对测量某个事项花费的时间非常有用。将一个字符串传递到方法,以便为标记命名。

如果您想要停止计时器,请调用 timeEnd() 并向其传递已传递到初始值设定项的相同字符串。

控制台随后会在 timeEnd() 方法触发时记录标签和经过的时间。

基本示例

在这里,我们将测量 100 万个新 Array 的初始化:

将在控制台中输出下列结果: 经过的时间

Timeline 上的计时器

当 Timeline 记录在 time() 操作期间发生时,它也会对 Timeline 进行标注。如果您想要跟踪应用的操作和操作来自何处,请使此记录。

执行 time() 时 Timeline 上的标注如下所示:

timeline 上的时间标注

标记 Timeline

注:timeStamp() 方法只能在某个 Timeline 记录正在进行时发挥作用。

Timeline 面板可以提供引擎时间消耗的完整概览。您可以使用 timeStamp() 从控制台向 Timeline 添加一个标记。 这是一种将您应用中的事件与其他事件进行关联的简单方式。

timeStamp() 会在以下地方对 Timeline 进行标注:

Timeline 汇总和详细信息视图中的黄色垂直线。

会向事件列表添加一条记录。

以下示例代码:

将生成下面的 Timeline 时间戳:

对语句执行进行计数

使用 count() 方法记录提供的字符串,以及相同字符串已被提供的次数。当完全相同的语句被提供给同一行上的 count() 时,此数字将增大。

将 count() 与某些动态内容结合使用的示例代码:

代码示例的输出:

本文内容来自:chrome console的使用 :测量执行时间和对执行进行计数 – Break易站

本文来自企鹅号 - 突破的枷锁媒体

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏高性能服务器开发

libevent源码深度剖析(五) libevent的核心:事件event

(1)libevent源码深度剖析一 序 (2)libevent源码深度剖析二 Reactor模式 (3)libevent源码深度剖析三 libevent基...

1943
来自专栏DeveWork

代码实现WordPress自动关键词keywords与描述description

之前在文章《WordPress自定义栏目运用实例II:添加文章Meta标签(keywords /description)》中给出了手动添加关键词keywords...

2809
来自专栏瞎说开发那些事

RPA解决网页元素随机变化的问题

2136
来自专栏owent

Vim常用命令

之前有搜集过一些常用的命令脚本,其中有vim的部分。但是vim内置的很多功能那些个命令显然是不够的,而且那些记录的很多也不常用,于是想到专门开一个页面记录vim...

862
来自专栏ytkah

excel隔行选中内容如何操作

  查看log日志是站长经常要做的事,从日志中可以发现很多问题,spider最近有没来爬,爬了哪些url,哪些页面不存在了等等,这些都可以看得到。然后你要根据不...

2934
来自专栏黑泽君的专栏

day07_01_XML学习笔记

803
来自专栏HT

基于HTML5 Canvas 实现矢量工控风机叶轮旋转

之前在拓扑上的应用都是些静态的图元,今天我们将在拓扑上设计一个会动的图元——叶轮旋转。 先看看最后我们实现的效果:http://www.hightopo.com...

2508
来自专栏hightopo

基于HTML5 Canvas 实现矢量工控风机叶轮旋转

1344
来自专栏HT

基于HT for Web矢量实现2D叶轮旋转

之前在拓扑上的应用都是些静态的图元,今天我们将在拓扑上设计一个会动的图元——叶轮旋转。 我们先来看下这个叶轮模型长什么样 ? 从模型上看,这个叶轮模型有三个叶片...

2065
来自专栏liulun

ASP.NET Core教程【二】从保存数据看Razor Page的特有属性与服务端验证

前文索引: ASP.NET Core教程【一】关于Razor Page的知识 在layout.cshtml文件中,我们可以看到如下代码: <a asp-page...

3245

扫码关注云+社区

领取腾讯云代金券