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

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

  •  0
  • dragonfly  · 技术社区  · 6 年前

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

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

    例如。

    // start profiling here e.g. Profiler.startProfiler()
    callHardcoreFunction();
    // end profiling here e.g. Profiler.startProfiler()
    
    1 回复  |  直到 6 年前
        1
  •  0
  •   Kayce Basques    6 年前

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

    你觉得呢 User Timing API ?

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

    window.performance.mark('start');
    

    以及表示结束的标记:

    window.performance.mark('end');
    

    然后计算持续时间:

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

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

    User Timing

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