青见春山的知识世界

外观

总述 ​

作者:青见春山
发表于:2025-02-08
字数统计:179 字
预计阅读1分钟

image-20250208141957889

image-20250208142042048

一。跟踪用户事件 ​

image-20250208142532695

捕获按钮的点击行为 ​

image-20250208143302311

image-20250208142918022

image-20250208142907365

因为id全局唯一，所以也可以不声明变量直接使用id名进行事件监听

image-20250208143458015

捕获页面的滚动行为 ​

image-20250208144626425

image-20250208144730521

二。完成性能监控指标 ​

页面加载事件监控 ​

image-20250208145844879

image-20250208145744674

api调用监控 ​

image-20250208150304360

image-20250208150438091

三。错误追踪监听 ​

image-20250208153049018

image-20250208153034523

第三方库实现错误监控 sentry

四。自定义埋点上报 ​

image-20250208153613902

记录鼠标移入移出一个dom元素所耗费的时间

image-20250208154103497

image-20250208154013644

五。实现表单监控 ​

结构：

image-20250208154450843

导入通用跟踪函数

image-20250208154515469

1.监控页面的浏览量 ​

image-20250208155423530

2.监控字段的聚焦事件 ​

image-20250208155648950

image-20250208155628134

3.监控提交按钮点击 ​

image-20250208155904505

image-20250208155851724

4.监控表单的提交事件 ​

image-20250208160627739

image-20250208160617522