利用Chrome开发者工具memory comparison分析一个时间段内的JavaScript代码内存占用率
2023-09-14 09:03:57 时间
在测试代码line 13和line 16处设断点. 以debug方式运行，首先断点在line13 处触发:
点击Profiles tab, 点击button “Take Snapshot”:
生成一个Snapshot 3:
以调试mode执行代码到line 16，点击icon “Take heap snapshot.”生成第二个snapshot,从dropdown list里选择"Objects allocated between Snapshot 3 and Snapshot 4":
在Summary里用变量名array 做filter, 即可找出在snapshot3 和snapshot4之间内存占用最高的变量arra:
将鼠标停留在arra上即可查看detail:
要获取更多Jerry的原创文章，请关注公众号"汪子熙":
相关文章
- 如何使用firefox适用于javascript的debugger命令
- 第一百二十二节，JavaScript表单处理
- Javascript获取地址栏参数值
- [Javascript] Proper use of console.assert in JavaScript
- [Javascript] Lodash: Refactoring Simple For Loops (_.find, _.findLast, _.filter)
- javascript:监控video全屏时取消静音(chrome 107.0.5304.87)
- javascript:得到变量类型的方法(chrome 105.0.5195.125)
- javascript:每次只加载3个页面的幻灯(chrome 105.0.5195.125)
- JavaScript 触发click事件 兼容FireFox，IE 和 Chrome
- [Javascript] Yield an Array, String, or Any Iterable from a Generator (yield*)
- [Javascript] Keyword 'in' to check prop exists on Object
- [Javascript] Augmentation
- javascript: 复制数组时的深拷贝及浅拷贝(chrome 105.0.5195.125)
- 169. 使用 Chrome 开发者工具分析 SAP UI5 应用的 JavaScript 代码执行性能瓶颈
- 使用 Chrome 开发者工具分析 SAP UI5 应用的 JavaScript 代码执行性能瓶颈
- Chrome 开发者工具 Initiator 面板单击后看不到 JavaScript 源代码的解决方法
- 使用Chrome开发者工具研究JavaScript里函数的原生实现
- 使用Chrome开发者工具研究JavaScript的垃圾回收机制
- 用尾递归(tailRecursive)实现的阶乘-JavaScript版本
- 使用Chrome开发者工具分析JavaScript garbage collector(垃圾回收器)的实现原理
- 使用Chrome开发者工具研究JavaScript里函数的原生实现
- 将Chrome调试器里的JavaScript变量保存成本地JSON文件
- 利用Chrome开发者工具memory comparison分析一个时间段内的JavaScript代码内存占用率
- 力扣——905. 按奇偶排序数组（Java、JavaScript、C、Go）
- 【华为OD机试 2023】新学校选址（C++ Java JavaScript Python）
- 【JavaScript】JS读取XML文件并进行搜索
- JavaScript中的预编译如何进行
- 最全的Javascript编码规范(推荐)
- JavaScript 函数的定义和参数的获取