Chrome DevTools性能审核 - 主要颜色

问题描述 投票:4回答:1

有谁知道主竖线上的颜色代表什么?有些是显而易见的,比如蓝色是html,紫色是css ..但我不确定粉红色和浅绿色之间有什么区别。

Screnshot of Perfomance Audit

performance performance-testing devtools
1个回答
2
投票

The Fine Manual解释说颜色是任意的:

DevTools为脚本分配随机颜色。在图16中,来自一个脚本的函数调用呈浅绿色。来自另一个脚本的调用是米色的。较暗的黄色表示脚本活动,紫色事件表示呈现活动。这些较暗的黄色和紫色事件在所有录音中都是一致的。

查看网络请求使用一组固定的颜色:

请求的颜色编码如下:

HTML:蓝色,CSS:紫色,JS:黄色,图像:绿色

© www.soinside.com 2019 - 2024. All rights reserved.