分析JS Crash（进程崩溃）

于 2024-10-06 06:30:00 发布
阅读量1.5k 收藏 42
点赞数 26
文章标签： javascript 前端 java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sinat_34896766/article/details/142356273
版权

一、JS Crash异常检测能力

        1、JS Crash日志规格

        以下是进程崩溃日志信息中对应字段解释。

Build info:XXX-XXXX X.X.X.XX(XXXXXXXX) <- 版本信息
Module name:com.example.myapplication <- 模块名
Version:1.0.0 <- 版本号
Pid:579 <- 进程号
Uid:0 <- 用户ID
Reason:TypeError <- 原因
Error message:Cannot read property c of undefined <- 异常信息
Cannot get SourceMap info, dump raw stack: <- 应用安装包为release包安装时不包含sourcemap文件，JS栈通过sourcemap行列号解析会失败
SourceCode:
        var a = b.c;   <- 异常代 码位置
                ^
Stacktrace:
    at onPageShow (entry/src/main/ets/pages/Index.ets:7:13)  <-异常代 码调用栈
           ^                                      ^
         函数名异常代 码文件行列号位置

        JS Crash多为应用问题，开发者可通过崩溃文件中的 Error message 和 StackTrace 来定位问题。 

        2、JS Crash异常捕获场景

        JS Crash异常根据不同的异常场景，在 Reason 字段进行了分类，分为Error、TypeError、SyntaxError、RangeError等错误类型。

  • 自定义 Error 类：Error 是最基本的错误类型，其他的错误类型都继承自该类型。Error 对象主要有两个重要属性 message 和 name 分别表示错误信息和错误名称。程序运行过程中抛出的异常一般都有具体的类型，Error 类型一般都是开发人员自己抛出的异常。

  • TypeError（类型错误）类：运行时最常见的异常，表示变量或参数不是预期类型。

  • SyntaxError（语法错误）类：语法错误也称为解析错误。语法错误在任何编程语言中都是最常见的错误类型，表示不符合编程语言的语法规范。

  • RangeError（边界错误）类：表示超出有效范围时发生的异常，主要的有以下几种情况：

    • 数组长度为负数或超长
    • 数字类型的方法参数超出预定义范围
    • 函数堆栈调用超过最大值

  • ReferenceError —— 引用错误：引用一个不存在的变量时发生的错误，每当我们创建一个变量时，变量名称都会写入一个变量存储中心中，这个变量存储中心就像键值存储一样，每当我们引用变量时，它都去存储中找到 key并提取并返回 value，如果我们要找的变量不在存储中，就会抛出 ReferenceError。

  • URI Error —— URL错误：在调用 URI 相关的方法中 URL 无效时抛出的异常，主要包括 encodeURI()、decodeURI()、encodeURIComponent()、decodeURIComponent()、escape() 和 unescape() 几个函数 。

二、问题定位思路

        1、获取日志

        （1）通过DevEco Studio获取日志

        DevEco Studio会收集设备“/data/log/faultlog/faultlogger/”路径下的进程崩溃故障日志并归档在FaultLog下。

        （2）通过hiAppEvent接口订阅

        hiAppEvent 提供了故障订阅接口，可以订阅各类故障打点。

        2、根因分析

        JS Crash问题分析一般根据上述异常的场景，结合错误信息、调用栈定位到源码，可得出基本的分析结论。对于调用栈的分析有以下几种情况。

        （1）StackTrace 场景分类

        JS Crash故障日志中，StackTrace 字段存放的是 JS Crash 异常的调用栈信息，StackTrace 的显示分为以下几种场景：

        a、JS调用栈可直接通过超链接跳转到对应错误代 码行，栈顶即为问题第一现场，如下样例所示 

Device info:xxx
Build info:xxx-xxx x.x.x.xxx(xxxx)
Fingerprint:ed1811f3f5ae13c7262b51aab73ddd01df95b2c64466a204e0d70e6461cf1697
Module name:com.xxx.xxx
Version:1.0.0
VersionCode:1000000
PreInstalled:No
Foreground:Yes
Pid:31255
Uid:20020145
Reason:Error
Error name:Error
Error message:JSERROR
Sourcecode:
                throw new ErrOr("JSERROR");
                      ^
Stacktrace:
    at anonymous (entry/src/main/ets/pages/Index.ets:13:19)

        b、异常代 码调用栈 Stack Cannot get SourceMap info, dump raw stack，表示因SourceMap转换失败，仅展示eTS栈对应编译后产物中代 码行号，可通过超链接跳转到对应错误代 码行，如下样例所示。

Device info:xxx
Build info:xxx-xxx x.x.x.xxx(xxxx)
Fingerprint:a370fceb59011d96e41e97bda139b1851c911012ab8c386d1a2d63986d6d226d
Module name:com.xxx.xxx
Version:1.0.0
Versioncode:1000000
PreInstalled:No
Foreground:Yes
Pid:39185
Uid:20020145
Reason:Error
Error name:Error
Error message:JSERROR
Stacktrace:
Cannot get SourceMap info, dump raw stack:
    at anonymous (entry/src/main/ets/paqes/Index.ts:49:49)

        c、异常代 码调用栈包含 SourceMap is not initialized yet ，表示因SourceMap转换非常耗时，改为通过异步线程去进行初始化，导致会出现SourceMap没初始化完成就有异常产生的情况。针对这种情况增加这行日志来提示开发者。eTS栈对应编译后产物中代 码行号，可通过超链接跳转到对应错误代 码行。如下样例所示。

Device info:xxx
Build info:xxx-xxx x.x.x.xxx(xxxx)
Fingerprint:377ef8529301363f373ce837d0bf83aacfc46112502143237e2f4026e86a0510
Module name:com.xxx.xxx
Version:1.0.0
Versioncode:1000000
PreInstalled:No
Foreground:Yes
Pid:6042
Uid:20020145
Reason:Error
Error name:Error
Error message:JSERROR
Sourcecode:
            throw new Error("JSERROR");
                  ^
Stacktrace:
SourceMap is not initialized yet
at anonymous (entry/src/main/ets/pages/Index.ts:49:49)

        d、异常代 码调用栈中打印native栈，栈顶一般为libark_jsruntime.so动态库，这是因为JS异常最后都会经过虚拟机抛出。从崩溃栈从上往下找，libace_napi.z.so的上一帧一般是抛出异常的现场。如下样例所示。

Device info:xxx
Build info:xxx-xxx x.x.x.xxx(xxxx)
Fingerprint:89f2b64b24d642b0fc64e3a7cf68ca39fecaa580ff5736bb9d6706ea4cdf2c93
Module name:com.xxx.xxx
Version:1.0.0
VersionCode:1000000
PreInstalled:No
Foreground:No
Pid:14325
Uid:20020145
Reason:ReferenceError
Error name:ReferenceError
Error message:Cannot find module 'com.xxx.xxx/entry/EntryAbility' , which is application Entry Point
Stacktrace:
SourceMap is not initialized yet
#01 pc 000000000028ba3b /system/libó4/platformsdk/libark_jsruntime.so(bf6ea8e474ac3e417991f101e062fa90)
#02 pc 00000000001452ff /system/libó4/platformsdk/libark_jsruntime.so(bf6ea8e474ac3e417991f101e062fa90)
#03 pC 0000000000144c9f /system/libó4/platformsdk/libark_jsruntime.so(bf6ea8e474ac3e417991f101e062fa90)
#04 pc 00000000001c617b /system/libó4/platformsdk/libark_jsruntime.so(bf6ea8e474ac3e417991f101e062fa90)
#05 pc 00000000004c3cb7 /system/libó4/platformsdk/libark_jsruntime.so(bf6ea8e474ac3e417991f101e062fa90)
#06 pc 00000000004c045f /system/libó4/platformsdk/libark_jsruntime.so(bf6ea8e474ac3e417991f101e062fa90)
#07 pc 000000000038034f /system/libó4/platformsdk/libark_jsruntime.so(bf6ea8e474ac3e417991f101e062fa90)
#08 pc 00000000004b2d9b /system/libó4/platformsdk/libark_jsruntime.so(bf6ea8e474ac3e417991f101e062fa90)
#09 pc 0000000000037e7f /system/libó4/platformsdk/libace_napi.z.so(10ceafd39b5354314d2fe3059b8f9e4f)
#10 pc 00000000000484cf /system/lib64/platformsdk/libruntime.z.so(3f6305a3843fae1de148a06eec4bd014) <- 异常抛出位置
#11 pc 000000000004fce7 /system/libó4/platformsdk/libruntime.z.so(3f6305a3843fae1de148a06eec4bd014)
#12 pc 000000000004e9fb /system/libó4/platformsdk/libruntime.z.so(3f6305a3843fae1de148a06eec4bd014)
#13 pc 000000000004eb7b /system/libó4/platformsdk/libruntime.z.so(3f6305a3843fae1de148a06eec4bd014)
#14 pc 000000000004f5c7 /system/libó4/platformsdk/libruntime.z.so(3f6305a3843fae1de148a06eec4bd014)
#15 pc 00000000000303cf /system/lib64/platformsdk/libuiabilitykit_native.z.so(3203F4CCe84a43b519d0a731dfOdb1a3)

        （2）调用栈分析

        a、可跳转至引起错误的代 码行

        如果FaultLog的堆栈信息中的链接或偏移地址指向的是当前工程中的某行代 码，该段信息将被转换为超链接形式，在DevEco Studio中点击后跳转至对应代 码行。

        b、不可跳转至引起错误的代 码行或者跳转代 码位置不存在

        如出现Cannot get Source Map info, dump raw stack信息代表js栈转换ets行列号失败，在DevEco Studio中点击链接会跳转到不正确的代 码位置或不存在的代 码行位置。

        应用代 码运行出错时，会打印错误栈信息。如果ts栈转换ets行列号失败时错误栈的后缀仍显示为ets，开发者需要在build目录下编译中间产物以生成ts代 码，在js代 码中定位对应错误代 码行。

三、分析案例

        1、TypeError类案例分析

        TypeError类问题在实际应用开发调试运行过程中是最常见的JS Crash类型，其表示为变量不是预期类型，在代 码层面则为对变量的使用未进行事先的校验，在错误日志中报错多表现为如下：

Error name:TypeError
Error message:Cannot read property xxx of undefined

        （1）更新跟手动效相关属性时偶现JS Crash

        a、获取JS Crash日志如下
Generated by HiviewDFX@HarmonyOS
================================================================
Device info:xxxx
Build info:xxxx
Fingerprint:9851196f9fed7fd818170303296ae7a5767c9ab11f38fd8b0072f0e32c42ea39
Module name:com.xxx.xxx
Version:1.0.0.29
VersionCode:10000029
PreInstalled:Yes
Foreground:No
Pid:2780
Uid:20020018
Reason:TypeError
Error name:TypeError
Error message:Cannot read property needRenderTranslate of undefined
Stacktrace:
Cannot get SourceMap info, dump raw stack:
    at updateGestureValue (phone/src/main/ets/SceneBoard/recent/scenepanel/recentpanel/RecentGesture.ts:51:51)
    at onRecentGestureActionBegin (phone/src/main/ets/SceneBoard/scenemanager/SCBScenePanel.ts:5609:5609)
    at anonymous (phone/src/main/ets/SceneBoard/scenemanager/SCBScenePanel.ts:555:555)
    at anonymous (phone/src/main/ets/SceneBoard/recent/RecentEventView.ts:183:183)
       b、提取日志关键信息

        通过日志信息可以确定为Type Error类问题，由异常信息得知是在读取needRenderTranslate对象时报错，该对象为undefined。最后可以通过异常代 码调用栈，获取错误产生位置。

        Cannot get SourceMap info, dump raw stack 信息表示该应用为release包安装，JS栈转换eTS行列号失败，可考虑使用应用堆栈解析来解析行号。 

        （1）定位到具体代 码

        通过以上 JS 堆栈和报错变量分析，能够定位到具体函数示例如下：

  // 更新与跟手动效相关的属性
  public updateGestureValue(screenWidth: number, recentScale: number, sceneContainerSessionList: SCBSceneContainerSession[]) {
    // 跟手移动的距离计算
    this.translationUpY = (this.multiCardsNum >= 1) ? sceneContainerSessionList[this.multiCardsNum - 1].needRenderTranslate.translateY : 0;    ---> 报错行号
    this.translationDownY = (this.multiCardsNum >= 2) ? sceneContainerSessionList[this.multiCardsNum - 2].needRenderTranslate.translateY : 0;
    this.screenWidth = px2vp(screenWidth);
    this.recentScale = recentScale;
  }

        （2）修改方案

        上述分析已经明确为 sceneContainerSessionList 的成员变量 needRenderTranslate 在使用的过程中可能存在为 undefined 的情况。对于这类问题，需要增加保护性判断，可直接规避此类问题。具体修改方法可以如下，在访问对象前增加 '?' 操作符进行判断保护。

        （3）思考与建议

        对于这类问题，需要我们在编码阶段充分考虑对象访问的安全性，确保必要的判空处理。同时很多场景单纯的判空可能只能是规避问题，还需要结合业务看看是否是原始对象构造或赋值的逻辑存在问题。

        2、Error 类案例分析

        Error 类问题一般是开发者或JS库主动抛出来的JS异常。

        这类问题目前有两种场景：

        a、如果是当前应用程序遇到无法解决的只能终止当前业务的故障，需要考虑抛出JS异常来终止业务并生成故障日志。

        b、依赖使用JS库或者其他的模块接口，对于可能抛出异常的接口，需要考虑使用 try-catch 机制进行捕获，否则也会终止当前业务。

        （1）如何主动抛出一个自定义的JS异常来终止程序

        开发者自主抛出JS异常，可通过如下代 码实现：

throw new Error("TEST JS ERROR")

        通过上述开发过程基于 DevEco Studio FaultLog工具收集到的故障日志，可以基于JS异常栈直接定位到抛异常的位置。

        

        遇到这类问题的解决思路，仍旧是通过故障日志定位到具体的代 码行，检视上下文来分析问题即可。

        （2）因未处理三方接口抛出的JS异常导致的JS Crash问题

        a、获取JS Crash 日志核心内容如下
Error name:Error
Error message:BussinessError 2501000: Operation failed.
Error code:2501000
Stacktrace:
Cannot get SourceMap info, dump raw stack:
  at onStart (product/phone/build/default/cache/default/default@CompileArkTS/esmodule/release/feature/systemstatus/linkspeedcomponent/src/main/ets/default/controller/NetSpeedController.ts:50:1)
  at NetSpeedController (product/phone/build/default/cache/default/default@CompileArkTS/esmodule/release/feature/systemstatus/linkspeedcomponent/src/main/ets/default/controller/NetSpeedController.ts:43:43)
  at getInstance (product/phone/build/default/cache/default/default@CompileArkTS/esmodule/release/staticcommon/basiccommon/src/main/ets/component/utils/SingletonHelper.ts:17:17)
  at func_main_0 (product/phone/build/default/cache/default/default@CompileArkTS/esmodule/release/feature/systemstatus/linkspeedcomponent/src/main/ets/default/controller/NetSpeedController.ts:325:325)
        b、提取日志关键信息 

        通过日志信息可以确定为 Error 类问题，为代 码主动抛出的异常。最后可以通过异常代 码调用栈，获取错误产生位置。

        Cannot get SourceMap info, dump raw stack 信息表示该应用为release包安装，JS栈转换eTS行列号失败，可考虑使用应用堆栈解析来解析行号。

        a、定位到具体代 码

        通过以上 JS 堆栈，能够定位到 NetSpeedController.ts 文件中具体代 码片段如下，异常抛出位置为 wifiManager.on 函数调用。

onStart(): void {
  super.onStart();
  log.showInfo('onStart');
  ...
  wifiManager.on('wifiConnectionChange', (data) => {
    this.isConnected = data === 1 ? true : false;
    this.handleUpdateState();
  });
  wifiManager.on('wifiStateChange', (data) => {
    this.isWifiActive = data === 1 ? true : false;
    this.handleUpdateState();
  });
  ...
}
        b、修改方案

        通过分析 wifiManager.on 源码，得知该函数内存在部分场景会抛出内容为 BussinessError 2501000: Operation failed. 的 JS 异常，对于此类问题，识别当前业务异常不会导致当前程序无法运行下去，考虑使用 try-catch 机制对异常进行捕获处理。具体的修改方法可参考如下:

onStart(): void {
  super.onStart();
  log.showInfo('onStart');
  ...
  try {
    wifiManager.on('wifiConnectionChange', (data) => {
      this.isConnected = data === 1 ? true : false;
      this.handleUpdateState();
    });
  } catch (error) {
    log.showError('wifiConnectionChange error');
  }
  try {
    wifiManager.on('wifiStateChange', (data) => {
      this.isWifiActive = data === 1 ? true : false;
      this.handleUpdateState();
    });
  } catch (error) {
    log.showError('wifiStateChange error');
  }
  ...
}
        c、思考与建议

        对于这类问题，我们可以考虑在编码阶段灵活的运用 JS 异常机制，来识别各类异常场景；同时对于使用可能会抛异常的接口，也需要考虑是否需要捕获该异常，避免影响应用主体业务。

煸橙干儿~~
关注
Electron 的crashReporter，捕捉崩溃日志
读心悦
08-11 375
Electron 的模块用于帮助开发者收集并报告应用程序崩溃的信息。这对于识别和解决在发布后的应用中可能出现的问题非常有用。Electron 的是基于 Chromium 的崩溃报告系统构建的，允许开发者收集崩溃日志，并将它们发送到自己的服务器，或者发送到 Electron 的崩溃报告服务（如果开发者选择这样做的话，尽管这通常不是首选，因为隐私和安全性的考虑）。
js-crash-projects：练习JS的崩溃项目
02-13
js-crash-projects：练习JS的崩溃项目
【HarmonyOS NEXT】API 10的App在Mate60 Pro上运行出现crash
Mayism123的博客
02-18 1103
具体报错信息为：RSPropertiesPainter::DrawLinearGradientBlurFilter para invalid。API10的App在Mate60 Pro上运行，进入首页后，等待2-3s出现crash。API10 / Mate60 Pro / crash / 崩溃。排查解决以下错误，解决后再看是否还出现crash。
ArkTS调用Native函数的方法
shudaoshanQAQ的博客
03-04 1780
ArkTS调用Native函数的方法
ArkTS调用Native函数的方法_cannot get sourcemap info, dump raw stack
2401_84150394的博客
04-11 639
import hilog from ‘@ohos.hilog’; import testNapi from ‘libentry.so’@Entry @Component struct Index { @State message: string = ‘Result of Native call:’build() { Row() { Column() { Text(this.message) .fontSize(30) .fontWeight(FontWeight.Bold) .onClick(() => {
【HarmonyOS实战开发】鸿蒙JS崩溃分析
niumadeshijie的博客
08-11 1679
 当未处理的JS异常导致应用意外退出时，应用会生成对应的JS崩溃日志文件，开发者可通过错误日志查看引起崩溃的代码位置及分析应用崩溃的原因。本文将分别介绍JS崩溃分析思路以及典型分析案例。
Crash-web:网站崩溃
05-15
崩溃网 崩溃网站基本上，我们正在寻找的功能与相同的功能 正在安装 确保通过Web平台安装程序安装了Web Deploy 3.5 确保在要部署到的计算机上安装并配置了ssh。... 如果未设置优先级，请重新启动服务器进程。 测试网址
api_disa_sales：节点崩溃课程中的api
02-15
在这个特定的“api_disa_sales”课程中，我们关注的是JavaScript环境下的API开发和管理，特别是在节点崩溃（Node.js crash course）的情境下。这可能涉及到学习如何构建、调试和优化在Node.js环境中运行的API。 ...
js编写工具
04-11
5. `crash_reporter.exe`：当Sublime Text遇到错误崩溃时，这个程序会收集并报告错误信息。 6. `subl.exe`：这是一个命令行工具，允许从终端或批处理脚本中启动Sublime Text。 7. `update_installer.exe`：可能是...
CuteVirusCollection：可爱但致命的病毒集合（小型，无害，讨厌，无害，有趣的计算机，恶意软件，病毒，蠕虫，windows-xp-7-10）
01-30
该站点包含JS代码，该代码生成无限的字符串，使内存不堪重负。 打开无限数量的命令提示符窗口，直到系统崩溃为止。 在浏览器中打开许多窗口并压碎PC。 叉子炸弹会创建大量子进程，直到计算机放弃运行为止。 ...
domain-supervisor:在域中运行协同例程，以实现强大的并行异常处理。 受 Elixir 主管和流程的启发
07-06
受 Erlang Supervisor 和 Process 类的启发，它们通过将协程彼此隔离来启用容错并行应用程序，从而防止协程中的异常使主要 nodejs 进程崩溃。安装 npm install domain-supervisor用法 var Supervisor = require('...
OpenHarmony稳定性测试问题去重方法
weixin_41241340的博客
07-05 434
nodejs crash如何分析和定位
Web_boom的博客
08-09 1305
这回日志清晰了很多，每个请求对应唯一一条access日志，但这时候我才意识到另外一个问题，每个nodejs节点会起3个进程，而这三个进程的access日志会往同一个文件中打，导致了另外两个进程的日志干扰了我的判断，所以日志还得按进程维度来打。这就让我重新整理了思路，crash的原因是检测到僵死进程。这时候的我冷静分析了下，每个请求要处理的异步任务很多，比如有ABC三个异步事项要处理，但如果真的crash在C，意味着AB两个阶段还可以处理请求，所以只看最后一个请求并不合理，有可能导致crash的请求在前面。.
2024年HarmonyOS Next 数字滚动动效实现(3)，淘汰了80%的HarmonyOS鸿蒙面试者
2401_84853560的博客
05-13 531
|—DigitalScrollDetail.ets // 数字滚动组件。| |—DigitalScrollExample.ets // 功能页面。| |—ConstData.ets // 常量数据。// 动画执行结束后，更新上一次数据值。
鸿蒙开发之崩溃信息收集FaultLogger
Lu_Ca的博客
12-28 865
前申：果然系统的API没有让我失望，日志完全看不出来崩溃原因所在。
JavaScript快速入门
panfengblog
07-04 246
JavaScript学习 HTML中使用JavaScript 方式1 在HTML代码中直接使用： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=<device-width>, initial-scale=1.0"> <title>Document&l
DevTools failed to load SourceMap 警告处理方法
热门推荐
liuminyi1987的博客
08-05 2万+
报类似错误，解决方法如下 根据上面出现的路径去找对应的文件，通常在文件末尾，然后删除红色框框的内容就可以了
鸿蒙5.0版开发：分析JS Crash（进程崩溃）
最新发布
m0_73088370的博客
09-23 1137
本文将分别介绍JS Crash异常捕获场景，JS Crash故障分析思路，以及典型分析案例。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值