测试：页面白屏了！
你：我这儿可以啊？？？
产品：按钮点不动了！
客服：用户投诉了！
你点什么了？
用的啥设备？
访问的哪个商品/活动/优惠券...?
最后一个知道出问题了，很被动
调查问题时，信息有限
问题发生的第一时间快速定位问题并修复
深藏功与名
Sentry
FunDebug
TrackJS
BadJS
FrontJS
采集/上报 → 聚类/存储 → 告警/查询
采集：异常详情
都有哪些异常？
采集：异常详情 - 脚本异常
GlobalEventHandlers.onerror - Web APIs | MDN
crossorigin="anonymous"
Access-Control-Allow-Origin: *
采集：异常详情 - 资源加载异常
采集：异常详情 - AJAX 请求异常
XMLHTTPRequest.prototype.open
XMLHTTPRequest.prototype.send
采集：异常详情 - Fetch 请求异常
window.fetch
注意只需要处理浏览器原生 fetch 方法
采集：异常详情 - JSONP 请求异常
jsonp 能检测到调用失败吗？
jsonp 的工作原理
如何分辨普通脚本还是JSONP？
采集：异常详情 - unhandledrejection
Window: unhandledrejection event - Web APIs | MDN
采集
采集：环境信息
采集：客户端时间线
上报
聚类/存储
按照一定规则将相同类型的异常事件聚合在一起
方便检索
告警
查询
趋势 / 筛选 / 报表
演示一下
录制用户屏幕
rrweb
rrweb demo
监测页面卡顿/崩溃
如何监控网页崩溃？
sourcemap
mozilla/source-map
By loveky
