【自问自答】前端异常上报中如何获取用户操作路径？

• Z时代
• 2024-02-05
• 分类：IT

比如说用户单击了什么按钮，滑动了多少，输入了什么内容

主要是用来回放用户的操作

本文参与了SegmentFault 思否面试闯关挑战赛，欢迎正在阅读的你也加入。

回答：

操作路径可以通过事件的捕获和冒泡，其实可以参考事件委托的原理。

我们拿到触发元素（e.target）之后，通过 parentNode 之类的东西，一直拿父级。

然后根据特征，比如说 className、tag、id 等等，构建我们的 xpath 或者 css 选择器。

当然这里也可以自制一些便于识别的特征。比如说一下 textContent 或者 其他自定义 ID

用户输入可以 onkeydown 之类的，或者 blur 的时候取一下 value 。

其他还有拖拽、拖动等操作。

滚动的话 onscroll 监听。

这里除了做监控能用到。做自动测试也可以用来记录路径

本文参与了SegmentFault 思否面试闯关挑战赛，欢迎正在阅读的你也加入。

以上是 【自问自答】前端异常上报中如何获取用户操作路径？ 的全部内容， 来源链接： utcz.com/p/933845.html