我可以使用Chrome开发工具衡量网络工作者的表现吗？

Question

我有一个项目，其中大部分计算时间都花在了工作人员身上 - 主线程只是等待一堆工人完成。但是我希望看到我的代码中哪一部分放慢了所有内容。

从逻辑上讲，我使用开发工具来衡量绩效：

抱歉质量不好，但请注意我测量的性能为11000毫秒，但只显示了大约6500毫秒的自拍时间。所以我看不到大约4500毫秒。

通常我使用这个工具来确定我应该改进哪些代码以改进流程，因为它显示了逐行采用的 ms

有什么方法可以查看网络工作者的表现吗？

Answer 1

虽然确定工作人员工作的最佳方法是在没有工作人员的情况下分配工作，但您可能会错过诸如转移时间和主线程消息等内容。经过一段时间玩chrome dev控制台后，最终发现在profiler中你可以在主线程下面的时间线中查看工作线程执行，而在调用树中你可以从main更改为DedicatedWorker线程：