首页 > 试题广场 >

前端异常监控与埋点体系:采集、上报、回放与灰度。

[问答题]
前端异常监控与埋点体系:采集、上报、回放与灰度。
核心体系:采集-上报-回放-灰度(全流程闭环) 1. 采集:全面覆盖+精准过滤 - 异常:JS错误、网络/资源加载错误、框架错误、Promise未捕获错误 ​ - 埋点:行为(点击)、性能(首屏)、业务(转化)三类核心埋点 ​ - 关键:过滤开发环境、爬虫等无效数据 2. 上报:可靠传输+降本增效 - 方式:优先Beacon API(不阻塞),兜底img标签/AJAX ​ - 优化:批量+延迟上报、失败重试(本地缓存) ​ - 必带字段:用户ID、设备/URL、时间戳、异常堆栈/埋点标识 3. 回放:还原场景+快速排障 - 逻辑:采集DOM操作、行为序列、接口请求,生成指令式/录屏式回放 ​ - 核心:脱敏敏感数据,直接还原异常前操作路径 4. 灰度:风险可控+平稳迭代 - 场景:新埋点/监控规则先对10%用户上线 ​ - 策略:按用户ID哈希、地域拆分人群,验证无误后全量
发表于 2025-11-03 07:02:03 回复(0)
异常监控: - window.onError / window.addEventListener('unhandelRejection', callback) 捕获 JS 执行错误 - window.addEventListener('error', callback) 捕获资源(script img)加载错误 - 封装请求响应拦截器监听 4xx/5xx 状态 - Vue 的 errorHandler 捕获组件渲染错误
发表于 2025-09-16 01:34:12 回复(0)