javascript - 具有多个同名标记的性能测量

Question

我目前正在通过运行 window.performance.mark('transition-start') 在每个页面转换上设置自定义标记。之后，当页面的首屏部分处于交互状态时，我创建了另一个标记，window.performance.mark('transition-end')。当用户在这个单页应用程序中执行多个页面转换时，会出现'transition-start'和'transition-end'的多个标记。

当使用 window.performance.measure('transition', 'transition-start', transition-end') 时，考虑到多个标记，我能否确保始终使用最新的标记是否存在同名？我已经在 Firefox 和 Chrome 中对此进行了测试，并查看了使用的最新标记，但我找不到有关此用例的文档。

Answer 1

在 User Timing API 规范中有说明:

if mark is a DOMString, let end time be the value of the startTime attributefrom the most recent occurrence of a PerformanceMark object in theperformance entry buffer whose name is mark. If no matching entry isfound, throw a SyntaxError.

在计算持续时间时间戳时，Measure 会考虑Most Recent 标记。

详细信息可以在以下文档中阅读:

• Measure API
• Convert a Mark to Timestamp