调查JavaScrip内存

​

步骤1：确定崩溃原因

1. 打开汇总崩溃报告 在设备上下载并打开汇总崩溃报告 (ACR) 文件。
2. 在ACR文件中查找CrashReason:SIGSEGV。
3. 确认JavaScript堆溢出 要确认JavaScript堆内存溢出情况，请查看HermesGC OOM的应用日志。

CrashDescriptor:1b26a2ab4b104aa474b84218e69d2780
CrashLang:Native
Process:com.org.keplerApp
LibraryName:keplerscript-runtime-loader-2.so
CrashReason:SIGSEGV

Nov 21 20:10:13.389612 firestick-010bc8cead0041f0 local0.info keplerscript-ru[7087]: 27 I KeplerScript:[Logging.cpp:40] HermesGC OOM: [] reason = Max heap size was exceeded (1 from category: vm_allocate_category), numCollections = 177, heapSize = 205520896, allocated = 201732128, va = 205520896, external = 88.

​

步骤2：识别内存泄漏场景

1. 打开Visual Studio (VS) Code。
2. 启动Memory Monitor。 按照检查您的应用内存消耗中的步骤进行操作。
3. 按照200MB阈值方法跟踪JavaScript堆图。
4. 记录会话以捕捉崩溃场景。 按照记录您的应用内存明细中的步骤操作。

​

步骤3：捕获JavaScript堆快照

1. 附加Chrome DevTools 将Chrome DevTools附加到适用于Vega的React Native应用。按照启动Chrome DevTools中的步骤操作。
2. 导航到Memory（内存）选项卡并选择Heap Snapshot（堆快照）。
3. 单击Take snapshot（拍摄快照）。 下图是堆快照的示例。
4. 要将快照下载到您的主机上，请单击向下箭头。

​

步骤4：分析JavaScript堆快照

​

使用Memlab进行分析

1. 安装Memlab：
   npm install -g memlab
   
2. 运行分析：
   memlab find-leaks --baseline <初始快照> --target <泄漏后快照> --final <清除后快照> --trace-all-objects
   
   Memlab会比较三张堆快照：
   • 基准 - 初始状态
   • 目标 - 可能泄漏后的状态
   • 最终 - 清理后的状态
   --trace-all-objects参数会将所有目标页面对象标记为可能存在泄漏问题。 memlab find-leaks会比较三张堆快照，并以表格格式提供摘要：
3. 查找表格中未清除的对象。
4. 检查用于解除分配持久对象的代码。
5. 查看retainer traces（仅提供英文版）。 Memlab根据保留的大小对泄露的对象进行排名。使用保留器跟踪找到对象树中泄露的对象。

• 查找未报告的内存泄漏
• 堆分析
• Memlab CLI命令

​

使用Chrome DevTools进行分析

1. 打开Chrome DevTools并转到Memory选项卡。
2. 上传您的JavaScript堆快照。
3. 使用不同的视图分析JavaScript堆快照：
   • 按Shallow Size（浅层大小）排序以查找最大的对象
   • 按Retained Size（保留大小）排序以识别影响最大的对象

• 对象大小
• 查看快照

​

相关主题

• 监控CPU使用情况
• 使用Chrome DevTools衡量性能
• 💬 社区：如何检查我的应用是否耗尽内存？
• 💬 社区：错误报告的日志脚本