回答
當您啓用JS配置文件時,它顯示JS調用堆棧。
每個下載的腳本都被分配了自己獨特的顏色。
每個堆棧元素都被着色爲包含該堆棧元素的函數的腳本的顏色。
如果禁用JS的個人資料,四大顏色是一樣的瀑布:
- 藍:網絡/負載/ HTML解析
- 紫:CSS /佈局
- 綠色:繪畫/合成
- 黃色:JavaScript執行
你是從哪裏找到這些信息的?我敢打賭,該文件包含了很多其他有用的信息。另外,感謝您的信息。 – XDR
關於主要顏色的文檔位於: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
謝謝。我已經找到了主要顏色的文檔,但沒有找到JS堆棧幀的來源。作爲來自世界上最有價值公司的項目的文檔來源......我認爲他們可能有資金聘請更多的技術作家...... :) – XDR
- 1. Chrome中的每種顏色意味着什麼devtools配置文件火焰圖
- 2. Chrome Dev Tools:「時間軸」分析中的火焰圖和內存圖之間的分歧/錯誤
- 3. 時間軸面板上的火焰圖中綠色虛線垂直線代表什麼?
- 4. 指定軸的顏色圖
- 5. 谷歌圖表的時間軸不識別顏色
- 6. 谷歌ChartWrapper時間軸圖表不使用樣式顏色列
- 7. 圖像解碼時間從Chrome時間軸開發工具
- 8. 蠟燭火焰效果
- 9. 火焰和鐵路由器
- 10. DropDown.Change不會火焰箭
- 11. 火焰分形座標系
- 12. 創建透明火焰
- 13. 覆蓋火焰模板
- 14. 銀色圖表軸間隔
- 15. 更改圖表控件軸顏色?
- 16. 谷歌圖表y軸顏色
- 17. extjs更改圖表軸標籤顏色
- 18. 軸位置和繪圖顏色
- 19. 變化軸線顏色的graphael圖表
- 20. 小波圖:改變x軸,y軸和顏色圖
- 21. 什麼是Chrome的這種差距意味着devtools輪廓火焰圖表
- 22. Chrome和RGB顏色
- 23. vis時間軸組標籤背景顏色取決於className
- 24. Google時間軸爲每個時間表修復不同的顏色
- 25. 谷歌圖時間軸:變更條形狀和顏色的選擇
- 26. Chrome擴展圖標沒有顏色
- 27. Chrome時間軸中的JS瓶頸
- 28. Chrome時間軸工具不可靠?
- 29. Chrome和Firefox中的JavaScript時間軸?
- 30. Python圖形更改軸標記顏色和圖例邊框顏色
我也想知道。圖表看起來很有趣,但並沒有給出關於究竟發生了什麼的很多信息。 –