一文完全搞懂前端监控
发布时间：2022-09-02 09:47:19 所属栏目：安全 来源：互联网
导读：一文完全搞懂前端监控： 一、前端监控现状 近年来，前端监控是越来越火，目前已经有很多成熟的产品供我们选择使用，如下图所示 二、前端监控的目的 提升用户体验 更快的发现发现异常、定位异常、解决异常 了解业务数据，指导产品升级数据驱动的思想 三、前端
|
一文完全搞懂前端监控： 一、前端监控现状 近年来，前端监控是越来越火，目前已经有很多成熟的产品供我们选择使用，如下图所示 二、前端监控的目的 提升用户体验 更快的发现发现异常、定位异常、解决异常 了解业务数据，指导产品升级——数据驱动的思想 三、前端监控的流程 3.1 采集 前端监控的第一个步骤就是数据采集，采集的信息包含环境信息、性能信息、异常信息、业务信息。 3.1.1 环境信息 环境信息是每个监控系统必备的内容，毕竟排查问题的时候需要知道来自哪个页面、浏览器是谁、操作用户是谁……,这样才能快速定位问题，解决问题。一般这些常见的环境信息主要包含： url：正在监控的页面，该页面可能会出现性能、异常问题。获取方式为： window.location.href ua:访问该页面时该用户的userAgent信息，包含操作系统和浏览器的类型、版本等。获取方式为： window.navigator.userAgent token：记录当前用户是谁。通过记录该用户是谁。 一方面方便将该用户的所有监控信息建立联系，方便数据分析; 另一方面通过该标识可以查看该用户的所有操作，方便复现问题。 3.1.2 指标分类 指标有很多，我总结为以下两个方面：网络层面和页面展示层面。 （编辑：开发网_开封站长网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
浙公网安备 33038102330459号