这是我参与「第五届青训营 」笔记创作活动的第14天

前端监控sdk

课前预习

• 了解前端监控是做什么的，做前端监控有什么价值
• 了解Navigation Timing 和 Navigation Timing 2 的相关字段
• 了解Performance 与 Performance observer 对象
• 了解addEventListener 与 removeEventListener 这两个函数
• 了解什么叫做 hook
• 了解什么叫做链式调用

前端监控是什么

前端监控就是数据采集与上报，性能检测。将一系列用户交互产生的行为数据上报给平台。

再者，开发者难以复现用户遇到的问题，譬如用遇到网页打开卡顿慢的问题。而开发者则难以复现这些问题。可能是页面节点渲染慢，浏览器阻塞，页面脚本报错

监控了什么

• 性能指标
• 页面异常
• 用户行为

前端常见异常

• 静态资源加载错误
• 请求异常
• 脚本错误

如何监控

开发前端监控sdk，同时，监控sdk应是精简的，应影响程序运行性能的情况下收集数据。同时，也应安全传输用户信息。前端监控sdk应该易于继承与其他web应用程序中。

HTTP状态码

• 200 - 请求成功
• 301 - 资源被永久转移到其他URL
• 404 - 请求的资源不存在
• 500 - 内部服务器错误

总结

此前没有接触过前端监控领域，这节课让我认识到了前端监控sdk，收获还是蛮大的。