Chrome开发者工具详解(4)-Profiles面板

Chrome开发者工具详解(4)-Profiles面板

更新时间：2016-10-27

如果上篇中的Timeline面板所提供的信息不能满足你的要求，你可以使用Profiles面板，利用这个面板你可以追踪网页程序的内存泄漏问题，进一步提升程序的JavaScript执行性能。

概述

当前使用的Chrome最新版为54.0.2840.71，这个版本的Profiles面板比之前提供的功能更多也更强大，下面是该面板所包含的功能点：

• Record JavaScript CPU Profile 用于分析网页上的JavaScript函数在执行过程中的CPU消耗信息。
• Take Heap Snapshot 创建堆快照用来显示网页上的JS对象和相关的DOM节点的内存分布情况。
• Record Allocation Timeline 从整个Heap角度记录内存的分配信息的时间轴信息，利用这个可以实现隔离内存泄漏问题。
• Record Allocation Profile 从JS函数角度记录内存的分配信息。

Record JavaScript CPU Profile简介

通过选择Record JavaScript CPU Profile，然后点击Start，结合你所要分析的具体场景，你可以重新加载网页，或者在网页上进行交互，甚至什么都不操作。最后点击Stop，完成记录操作。

有三种不同的视图可供选择：

• Chart 按时间先后顺序显示的火焰图。

  延伸阅读

  • ssh框架 2016-09-30
  • 阿里移动安全 [无线安全]玩转无线电——不安全的蓝牙锁 2017-07-26
  • 消息队列NetMQ 原理分析4-Socket、Session、Option和Pipe 2024-03-26
  • Selective Search for Object Recognition 论文笔记【图片目标分割】 2017-07-26
  • 词向量-LRWE模型-更好地识别反义词同义词 2017-07-26
  • 从栈不平衡问题 理解 calling convention 2017-07-26
  • php imagemagick 处理 图片剪切、压缩、合并、插入文本、背景色透明 2017-07-26
  • Swift实现JSON转Model - HandyJSON使用讲解 2017-07-26
  • 阿里移动安全 Android端恶意锁屏勒索应用分析 2017-07-26
  • 集合结合数据结构来看看(二) 2017-07-26

  学习是年轻人改变自己的最好方式