文章目录
监控
前端监控主要分为三种:
- 页面埋点
- 性能监控
- 异常监控
页面埋点
页面埋点一般监控以下几个数据
- PV/UB
- 停留时长
- 流量来源
- 用户交互
实现的思路主要分为手写埋点和无埋点的方式
性能监控
- 可以使用浏览器自带的Performance API来实现这个功能
performance.getEntriesByType('navigation')
异常监控
- 代码报错
- 接口异常上报
代码报错:
一般可以通过拦截window.onerror
来获得大部分详细的报错信息
对于跨域的代码运行错误会显示Script error
,这种情况需要给script
标签添加crossorigin
属性
对于异步代码,可以通过catch的方式捕获错误
对于捕获的错误,可以通过一个img标签src简单发起一个请求