当前位置: 首页 > Web前端 > HTML

《前端BUG实录》如何排查BUG

时间:2023-03-28 16:14:51 HTML

虽然我们在日常工作中会遇到很多BUG,但我们也熟练使用搜索引擎来解决开发中的问题。但是如何解决在线错误?整理了以往遇到的一些异常,对遇到的干扰项和问题点做了详细的记录。希望对您有所帮助。排查路径,判断是否是变化引起的?如果是变更需要及时回滚止损。如果没有变化,可以查看异常版本,根据当前情况灵活判断是否恢复到某个版本。确定返回路径。这个可以看看用户有没有反馈?有没有日志。fundebug、哨兵、埋点等功能有没有?比如型号,ip区域,服务主机等。分析问题的归因,首先检查代码是否处理了异常。比如逻辑错误,兼容性错误,然后检查数据是否异常。可以通过charles伪造数据,也可以通过chrome断点控制台修改数据。测试环境验证问题在测试环境中重现了上述问题。证明确实是因为这里有问题之后,就可以开始修复了。修复|把自己的问题交给自己解决。兼容babel、babel-polyfill等。从错误的逻辑改变逻辑。小伙伴的问题交由反馈。测试环境验收修复后,记得先验证一下,才不会因为急于修复bug而出现新的bug。Pre-launch&launchgradedrelease做好线上回归。实战案例【公司2】FMP异常缩短时间节点,3天前开始恶化。启动顺序的历史调查最近发生了多次变化,但没有明显的关系,所以没有进行回滚。日志查询和特征采集自建前端日志平台,采集所有日志,前端通过(页面,FMP5s+)查询日志按需搜索分析,以人眼发现特征。(这里应该有自动啊喂)时间是非工作时间(可能是服务不稳定,网络波动)页面存活时间长(可能是后台,或者下班后锁屏等)联系功能用户获取第一手反馈(用户无投诉,无印象)页面资源加载不稳定(网络或后台+1)【真实问题】UA是移动ios(mac和ios是我忽略的重点功能。因为我们是内网项目,我先博没注意到这个功能。各位大佬用mac和ios有问题吗?没问题)网速不好,网络不稳定(没有,哪里可以用稳定的网络手机)路径确认,尝试重现并使用上面发现我已经尝试了所有的功能,但还是不行。扩大了搜索范围,联系了UA对应的客户端负责人,明确是因为客户端内存泄露导致webview重启。(不应该有通知吗,也不应该只有我们排查FMP异常。)交接,等待维修,汇总报告。【公司1】上传失败【公司3】用户访问速度慢【公司2】用户访问超长收集白屏用于用户查询访问日志(用户名、时间)特征及资源加载异常(三方资源)尝试重现网络块资源。(非强关联资源,不加载不会白屏)charlesblocks资源。(白屏)分析问题,制定修复方案资源不大,但耗时长,不稳定。问题责任方在cdn,偶有资源异常,屡教不改。对于非强依赖资源没有asyncdefer,导致页面白屏,影响用户体验。综合考虑,暂缓吧。修复测试环境验证(同重现步骤)日志平台&监控平台上线功能点日志查询支持多条件用户页面traceid(page、SPA、ajax)具体命名规则可自定义。上报信息,如FMP、errr、埋点、ajax、操作或自定义管理等其他通用信息,如ip、region、ua自动分析&告警通知每分钟10次500触发告警每分钟3次erorrdatainnotdefined触发告警面板,reportxxxinterfacefmp905s,pv1w+本质上,监控平台为您集成了常用的日志分析。本文参加了SegmentFault思维面试突破挑战赛,正在阅读的欢迎加入。