Chome Devtools Performance 隐藏的实时观察性能工具

Chome 实时观察性能工具

该工具功能是显示实时FPS面板，进行展示页面的FPS指标，同时可观察界面交互时内存的使用情况，界面如下图：

如何打开该工具

该小工具在Devtool工具下，打开方法如下：

1. 打开Chome Devtool, 鼠标右键"检查"，快捷键Ctrl + Shift + I（Windows），Cmd+Opt+I (Mac)；
2. 在Chome Devtool面板，按下 Command+Shift+P（Mac）或者 Control+Shift+P(Windows) 打开命令菜单，如下图；
   
   3.在命令菜单输入输入Rendering，点选Show Rendering，此时Devtool下方多出一个Rendering 的tab选项，如下图；
   
3. 勾选FPS meter选项，即可在网页中打开实时FPS面板;
4. 关闭该面板之间取消勾选或关闭Devtool即可。