监控

文章目录

监控

前端监控主要分为三种:

  1. 页面埋点
  2. 性能监控
  3. 异常监控

页面埋点

页面埋点一般监控以下几个数据

  • PV/UB
  • 停留时长
  • 流量来源
  • 用户交互

实现的思路主要分为手写埋点和无埋点的方式

性能监控

  1. 可以使用浏览器自带的Performance API来实现这个功能
    performance.getEntriesByType('navigation')

异常监控

  • 代码报错
  • 接口异常上报

代码报错:
一般可以通过拦截window.onerror来获得大部分详细的报错信息
对于跨域的代码运行错误会显示Script error,这种情况需要给script标签添加crossorigin属性

对于异步代码,可以通过catch的方式捕获错误

对于捕获的错误,可以通过一个img标签src简单发起一个请求

分享到: