chrome如何使用Performance性能分析工具

 时间:2024-10-31 18:32:59

1、首先,点击chrome右上角菜单,找到开发者工具,打开。

chrome如何使用Performance性能分析工具

2、打开开发者工具后,切换到Performance选项卡下,点击左侧的小圆点,即可开始性能数据的采集;也可以点击圆点右侧的刷新按钮,开始录制并刷新页面。

chrome如何使用Performance性能分析工具

3、当已经录制足够的数据之后,点击Stop按钮停止录制。等待性能分析。

chrome如何使用Performance性能分析工具

4、性能数据会呈现出帧率统计、消息时间轴、函数调用栈等信息,以及各种时间的比例。

chrome如何使用Performance性能分析工具

5、点击函数调用栈上的某个函数,在Bottom-up面板即可查看其详细的时间占用。

chrome如何使用Performance性能分析工具

6、点击Event Log,即可查看event日志,和每个event的处理时间。

chrome如何使用Performance性能分析工具
  • 如何让jquery ajax同步
  • Nat模式端口映射实现局域网访问hyper-v虚拟机
  • 如何利用JS去掉除了数字和小数点以外的所有字符
  • JS中如何能获取到整个屏幕的高度
  • 如何修改tomcat的默认端口为80
  • 热门搜索
    微信支付怎么用 醇粹狗粮怎么样 捷豹怎么样 旷工怎么扣工资 瘟疫公司怎么玩 怎么查过敏原 手机微博水印怎么设置 乳房下垂怎么办 奇瑞e3怎么样 晚上睡眠不好怎么调理