您现在的位置是：首页 >技术杂谈 >如何确定bug是前端还是后端的错误？网站首页技术杂谈

如何确定bug是前端还是后端的错误？

Rimy_cat 2024-07-17 00:01:02
简介如何确定bug是前端还是后端的错误？

前言：学会分析一个bug属于前端还是后端的错误，可方便开发快速定位问题，缩短与开发的沟通成本，也是测试人员的必备技能，笔者面试时就曾经被问到过，那就一起分析一波吧。
在这里插入图片描述

一、定义bug类型：

1、后端错误（逻辑、性能、数据、安全性）：

（1）请求有数据，响应无数据/数据异常

2、前端错误（界面、布局、交互、兼容性）：

（1）前端已写入数据，但是请求无数据/数据异常
（2）后端已返回数据，前端却无显示/异常显示
（3）文字排版/布局错乱、文字错误（错别字/提示语待优化）

二、判断方法：

1、浏览器开发者工具（F12）进行查看

网络（Network）：
记录前端向服务器发出去的http请求信息，Header里可以查看详细的请求信息，也可以在Response里看响应数据

2、抓包工具fiddler查看请求详情

3、查看服务器日志：

查看对应的错误日志信息，分析后定位bug类型（这一步可以找开发协助）

4、通过响应状态码判断

状态码含义示例
1##指示信息，表示请求已接收，继续处理100 Continue（继续）请求者应当继续提出请求。 服务器返回此代码表示已收到请求的第一部分，正在等待其余部分
2##表示请求已被成功接收、理解、接受200表示请求处理成功
3##重定向-要完成请求必须进行更进一步的操作302资源已经变更到其他位置
4##客户端错误，请求有语法错误或请求无法实现404：客户端语法错误
403：服务器拒绝提供服务
404：请求资源不存在（输了错误的资源地址）
5##服务器错误，服务器未能实现合法的请求500：服务器发生不可预期的错误
502： Bad Gateway（错误网关） 服务器作为网关或代理，从上游服务器收到无效响应
503：当前服务器不能处理请求，一段时间后恢复

更详细状态码详解可参考这篇文章：https://blog.csdn.net/sanwe3333/article/details/113564008
在这里插入图片描述
wu~~又是学到知识的一天！

风语者！平时喜欢研究各种技术，目前在从事后端开发工作，热爱生活、热爱工作。

站长推荐