代码之家 › 专栏 › 技术社区 › dragonfly

获取javascript程序片段的配置文件

google-chrome-devtools google-chrome javascript

dragonfly · 技术社区 · 7 年前

我有一段非常耗时的代码(做硬核对象克隆的reducer等等)。

有没有一种方法可以通过chrome中的javascript分析来启动/停止,或者做一些标记,以便我能够轻松地发现我对long profiler的数据感兴趣的代码在哪里?

例如。

// start profiling here e.g. Profiler.startProfiler()
callHardcoreFunction();
// end profiling here e.g. Profiler.startProfiler()

1 回复 | 直到 7 年前

Kayce Basques 7 年前

有没有办法… 做些记号 这样我就可以很容易地发现我对long profiler的数据感兴趣的代码在哪里?

在代码中添加一个标记以表示您感兴趣的工作块的开始:

window.performance.mark('start');

以及表示结束的标记:

window.performance.mark('end');

然后计算持续时间:

window.performance.measure('duration', 'start', 'end');

您可以在 用户计时 绩效记录部分:

在屏幕截图示例中,我调用了持续时间 form_interaction .

推荐文章

user1592380 · 没有输出到带有chrome.devtools扩展的控制台

1 年前

ubi sage · chrome开发工具下的网络选项卡中的内容下载或邮递员内部的下载时间对于小于1mb的少量数据需要很长时间

1 年前

Vrushabh Ranpariya · 谷歌Chrome-开发工具-网络选项卡:设计更新

1 年前

user1763684 · Deno:如何在子进程完成之前运行shell命令并读取输出?

2 年前

Norem · ChromeDevTools SetVariableValue:如何更改对象属性?阵列单元?

2 年前

repka · 如何在浏览器开发工具控制台中加载NPM包?

2 年前

Jens G. · 使用控制台代码更改HTML文本框值

2 年前

Zoran · Chrome DevTools-应用程序选项卡-本地存储中的更改密钥

2 年前

Radha · 警告:找不到用于版本114的CDP版本

2 年前

João Otero · 我在这个Javascript数组行为中遗漏了什么?[副本]

3 年前