Chrome devtools js flamechart 中缺少调用

Question

上次做优化（大概一年前），在js flamechart中看到了所有可能的函数调用。

然而，现在似乎并没有一路走下去。

这是一个很长的运行函数：

我期待更多的子调用，以便我可以理解为什么运行这么长。

函数如下所示：

function updateIfNeeded() {
  switch (state) {
    case 'NO_REQUEST':
      throw new Error('Unexpected draw callback.\n' + 'Please report this to <https://github.com/elm-lang/virtual-dom/issues>.');


    case 'PENDING_REQUEST':
      rAF(updateIfNeeded);
      state = 'EXTRA_REQUEST';


      var nextNode = view(nextModel);
      var patches = diff(currNode, nextNode);
      domNode = applyPatches(domNode, currNode, patches, eventNode);
      currNode = nextNode;


      return;


    case 'EXTRA_REQUEST':
      state = 'NO_REQUEST';
      return;
  }
}

它是 elm 运行时的一部分。

现在，虽然此函数可能不会调用任何其他函数，但它无法解释为什么运行这么久。

我完整的 flamechart 的按钮在哪里 :}

Answer 1

性能面板在捕获设置菜单中有一个 Disable JavaScript Samples 复选框。

启用此复选框后，时间轴仅显示黄色占位符以区分脚本执行时间以及布局、绘制和合成 activity。注意启用复选框后 Cog/Settings 图标是如何变红的。

不勾选时，时间线显示火焰图。当所有捕获选项都处于默认状态时，Cog/Settings 图标在菜单打开时为蓝色，在菜单为 closed/collaped 时为灰色。

遗憾的是，无法确定这就是您遇到的问题，因为共享的屏幕截图并未描述捕获设置。如果您将来遇到同样的行为，希望这些知识能证明您的价值。

Chrome devtools js flamechart 中缺少调用

Missing calls in the Chrome devtools js flamechart

performance

performance-testing

google-chrome-devtools