2015-11-05 66 views
3

Chrome時間軸火焰圖顏色的含義是什麼?Chrome時間軸火焰圖顏色

我發現了時間軸瀑布顏色和配置文件火焰圖顏色的文檔,但沒有找到時間軸火焰圖顏色的文檔。

+0

我也想知道。圖表看起來很有趣,但並沒有給出關於究竟發生了什麼的很多信息。 –

回答

2

當您啓用JS配置文件時,它顯示JS調用堆棧。

每個下載的腳本都被分配了自己獨特的顏色。

每個堆棧元素都被着色爲包含該堆棧元素的函數的腳本的顏色。

如果禁用JS的個人資料,四大顏色是一樣的瀑布:

  • 藍:網絡/負載/ HTML解析
  • 紫:CSS /佈局
  • 綠色:繪畫/合成
  • 黃色:JavaScript執行
+1

你是從哪裏找到這些信息的?我敢打賭,該文件包含了很多其他有用的信息。另外,感謝您的信息。 – XDR

+0

關於主要顏色的文檔位於:https://developer.chrome.com/devtools/docs/timeline JS堆棧幀的顏色可以在源代碼https://code.google.com/p/chromium中找到/codesearch#chromium/src/third_party/WebKit/Source/devtools/front_end/timeline/TimelineUIUtils.js&q=WebInspector.TimelineUIUtils.colorForURL&sq=package:chromium&type=cs&l=1757 – alph

+0

謝謝。我已經找到了主要顏色的文檔,但沒有找到JS堆棧幀的來源。作爲來自世界上最有價值公司的項目的文檔來源......我認爲他們可能有資金聘請更多的技術作家...... :) – XDR