chrome 谷歌前端性能分析

chrome 谷歌前端性能分析

1.打开控制台(f12),
接着按 Ctrl +shift + p ,在搜索框输入 show performance monitor 回车即可。

里面有四个重要的参数:
在这里插入图片描述
他们分别是:CPU占比、分配内存、创建dom 节点、事件监听。

chrome调试技巧,使用getEventListeners获取DOM元素上绑定的事件

打开控制台(f12)在下方点击Event Listeners 可以看见相关事件
注意:getEventListeners 不要在原码中调用会报错。可以在控制台调用。
在这里插入图片描述
在这里插入图片描述
点击performance
在这里插入图片描述
点开即可查看相关参数。

未完待续……

猜你喜欢

转载自blog.csdn.net/jfx_jfx/article/details/121152705