如何查看console.profile（）的结果？

Question

根据Chrome Console API Reference和MDN Docs，使用console.profile('label')开始分析并稍后使用console.endProfile()结束分析，应该会将配置文件添加到“个人档案”中（自此以后）在Chrome中重命名为Performance）面板。

这适用于Firefox，但是当我在Chrome中运行代码时，我无法获取任何配置文件。相反，我收到警告：

  

DevTools：CPU配置文件解析器修复了16个丢失的样本。

我在这里遗漏了什么，或者这是Chrome DevTools中的错误？

Answer 1

原来，个人资料会进入另一个小组：

  

添加到JavaScript探查器面板的CPU配置文件。你可以点击三个圆点菜单打开它（在右上角）    ⋮ - ＆GT;更多工具 - ＆gt; JavaScript Profiler。

Answer 2

可以从下面的代码部分观察配置文件。

function profileTest(callback) {      
  let i = 0;
  let work = setInterval(function() {         
      if(i == 3) {
         callback();
         clearInterval(work);        
         return;     
      }
      console.log('Doing some work..');
      i = i + 1;
  }, 1000);     
}

console.profile("profileTest()");
profileTest(function(){
  console.profileEnd();
});

注意：setInterval用于仿真。

@atavakoli已经回答了，可以在“ Javascript Profiler”选项卡的“ CPU PROFILES”部分中看到创建的配置文件，可以从“开发人员工具”→“三个点”→“更多工具”中打开该配置文件。例如下面的屏幕快照显示了上面代码部分的结果配置文件。

请参阅以下链接：https://developers.google.com/web/updates/2016/12/devtools-javascript-cpu-profile-migration

对于警告消息，可以参考下面的问题链接。
Chrome: CPU profile parser is fixing n missing samples