跳到主要内容

谈谈前端监控

  • 前端监控⼀般分为三种，分别为页面埋点、性能监控以及异常监控

页面埋点​

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

性能监控​

  • 性能监控可以分析页面的性能情况

  • 对于性能监控来说，我们可以直接使用浏览器自带的Performance就可以实现这个功能

  • 只需要调用performance.getEntriesByType('navigation')就可以获取页面中各种详细的性能指标数据,包括页面加载时间、解析dom时间、响应时间等等

    performance.timing已弃用，使用performance.getEntriesByType("navigation")代替

异常监控​

  • 异常监控也是比较重要的，分析代码报错的、接口异常上报情况
  • 代码报错，通常是使用window.onerror可以拦截大部分的报错信息，但是也有一些无法拦截，比如promise错误
    • promise 错误，通过 addEventListener('unhandledrejection', callback)来获取