Hello,大家好,欢迎使用webfunny前端监控系统。
本文将介绍如何使用webfunny的核心功能「用户细查」功能,来帮助大家快速高效地解决线上问题。
一、根据userId查询用户行为
webfunny是通过内置id来区分用户,大家在使用的时候需要手动传入用户的userId,才能够使用此功能。如果没有传入userId,「用户细查」和「用户连线」功能均会失效。userId传入方法如下:
window.localStorage.wmUserInfo = JSON.stringify({ userId: 'userId', userTag: 'tag', projectVersion: '1.0.1' })
二、行为记录分析
通过用户的userId,我们可以检索出用户的浏览记录、点击行为、接口请求、js报错、接口报错、静态资源加载报错等,按照发生的时间顺序排列好。
选中某个行为记录时,我们会展现出该行为记录的详细信息,如:点击内容、报错堆栈、接口耗时、接口返回值等。
你可以通过这些步骤信息,逐一复现用户的行为,从而达到复现用户bug的目的,非常的轻松哦。
另外,为了防止用户上报大量的接口日志,我们给接口的返回值长度做了限制(默认500), 所以大家经常会看到接口返回值提示「内容过长」
这时候,只需要去到项目设置页最下方,点击「上报规则设置」,就可以放开长度限制了,如图:
三、分析场外因素
如大家所知,前端用户产生异常的情况极容易受到网络环境的影响,所以webfunny根据用户页面加载的时间,和接口请求的时间进行了分析统计和聚合,以此可以评估出用户当时的网络环境的优劣,从而更加准确的判断出用户的异常行为表现。
好了,用户细查功能介绍完了,你学会了吗?有什么问题,请给我留言吧。