chrome 谷歌前端性能分析
1.打开控制台(f12),
接着按 Ctrl +shift + p ,在搜索框输入 show performance monitor 回车即可。
里面有四个重要的参数:
![在这里插入图片描述](https://img-blog.csdnimg.cn/ce6b75c343554d238a2b5244b918d942.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBAanMt57qq5qK15biM,size_10,color_FFFFFF,t_70,g_se,x_16)
他们分别是:CPU占比、分配内存、创建dom 节点、事件监听。
chrome调试技巧,使用getEventListeners获取DOM元素上绑定的事件
打开控制台(f12)在下方点击Event Listeners 可以看见相关事件
注意:getEventListeners 不要在原码中调用会报错。可以在控制台调用。
![在这里插入图片描述](https://img-blog.csdnimg.cn/6991d51aca95435997d2face11e692d8.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBAanMt57qq5qK15biM,size_16,color_FFFFFF,t_70,g_se,x_16)