H5游戏调试技巧2

使用chrome调试h5游戏时,使用webgl inspector插件查看当前游戏的webgl运行时的纹理,shader及buffer情况,查看chrome的memory,使用memory的内存快照功能,看内javascript占用的内存,及shadow size和retained size的大小,

使用chrome的perfomance 记录游戏的cpu运行情况,函数调用的频率,fps情况等

FPS

FPS是用来分析动画的主要性能指标，如果能保持60FPS的话，则证明不错。主要包括以下几点

1. 上面的绿色区域标识各个时段的FPS状态，一般来说，绿色长条越高，说明FPS越高
2. 如果你在绿条上面发现一个红色的长条，说明该帧存在严重问题，可能会造成卡顿
3. 你可以在下面查看各个区间的实际帧的值是多少