发现和报告bug是测试工程师的日常工作中的重要内容，快速有效地判断bug属于前（后）端，甚至定位到bug源码所在，便于开发人员迅速完善代码，使得项目流程进行得更加顺畅，周期缩短。虽然工作忙的时候可能没有那么多时间进一步定位bug出现的原因等细节，但作为一个拒绝躺平的进步青年，肯定早晚要多学写开发知识的，那么判断bug也就自然而然地成为一项必备基本功了。

一、前后端bug的特点

前端的：界面、布局、交互

后端的：业务逻辑、性能、数据、安全性

二、前后端bug的一些表现

1.界面

常见的有：排版错乱、文字错误、数据错误、兼容性

文字错误包含功能文字错误（对话框或弹框中的标题出错）及提示文字（文案提示出错）；数据错误的问题包含列表字段错误、表单字段错误等，这种情况下可以查看前端是否参与计算或进行过字段配置管理；兼容性出错在不同浏览器（版本）中常出现。

2.功能

功能实现错误或不完整以及逻辑错误等功能问题可以通过抓包查看请求的方式来初步判断。如无请求，可初步判断为前端bug；有请求，初步判断为后端的。

3.性能

如页面、表单打开缓慢等，查看抓取到的网络信息，请求耗时正常的初步判断为前端问题……

三、判断方法

1.抓包工具

抓包工具常用于查看是前端的显示有误，还是后端返回给前端的数据有误，通常浏览器自自带的F12、fiddler、httpwatch等工具都可以。主要从请求接口、传参、响应三个方面分析。

查看请求接口的URL是否正确，如果错误，那就是前端传错了；

同理，如果传的参数错了，也是因为前端；

如果URL和传参都正确，响应错了，那就是后端。后端代码出错了，可以通过查看日志，数据库对应的数据，缓存，来具体判断错误在哪发生；此外，记住常见的响应状态码代表意义也有助于判断bug。

状态码代号	状态码类别	代表含义
1XX	Informational（信息性状态码）	接收的请求正在处理
2XX	Success（成功状态码）	请求正常处理完毕
3XX	Redirection（重定向）	需要进行附加操作以完成请求
4XX	Client Error（客户端错误状态码）	服务器无法处理请求
5XX	Server Error（服务器错误状态码）	服务器处理请求出错

判断时也可在控制台输入JS代码调试分析。

2.查看日志

出现bug时，查看服务器里的日志。如果日志没有输出，基本认为该功能没有与后端交互，非后端bug；如果有输出，就查看有无相关错误日志信息来进一步分析。

3.查看数据库

很多bug出现在接口的相互调用的情形里。可以通过在数据库里查询数据、比对来判断是哪些接口出了问题，比如：在A模块添加一条数据，但是在B模块没有展示，这时我们通过查询数据库的数据来确认，是A模块没有插入数据，还是B模块没有查询到。而知道接口是前端还是后端负责开发的，就知道bug该给谁改了。

4.经验判断

平时的经历多了，对前后端代码的功能实现、交互等知识有了更深认识，事后及时思考总结，自然而然地会level up。关键在于态度和行动。

另外，多和开发人员沟通，有助于了解他们所开发的具体模块，再加上自己对业务足够熟悉，就很容易判断bug是谁的了。

判断bug属于前端还是后端相关推荐

定位BUG是前端还是后端问题？
认识前端.后端的区别: 前端,也称为"客户端开发",简单来说,你可以在应用程序或网站的屏幕上看到的所有内容都属于前端.用到技术为CSS+HTML+J前端呢主要是利用HTML/CSS ...
如何判断BUG是前端BUG还是后端BUG
一般像界面上的错别字.字体大小.控件显示.输入框超出边界.字符被截断.字符重叠等问题,不要犹豫.不要徘徊,肯定是前端问题. 界面报404的八成是前端写错了请求地址,指给前端开发:报500的,一般是后端 ...
软件测试-判断是属于前端还是后端BUG
前端问题点击弹出这种操作都是前端问题没有请求接口跟数据没得太大关系的大部分是前端的,但是也不一定一般是快速连续点击多次按钮会请求多次,这个是前端的,喊他限制一哈有模块选中了,却没有的状态颜色标 ...
webstorm前端调用后端接口_软件测试面试题：怎么去判断一个bug是前端问题还是后端问题...
大家好,在软件测试面试过程中,经常有面试官问到这个问题,那我们应该如何回答才好呢?少废话,直接看答案: 答案: 在页面上发现bug之后,要想判断这个问题属于后端还是前端,我就需要来判断这个页面背后调用 ...
如何判断BUG是属于前端还是后端（抓包/日志定位分析）
(我的公众号"墨石测试攻略",关注可免费获取整套接口测试实战项目!) 有的BUG看一眼就知道是前端还是后端的,而有些BUG则需要借助抓包工具(Fiddler.Charlers.浏览 ...
生产环境如何关闭报错功能_知识分享---如何区分前端与后端bug
1.如何区分前端和后端通俗讲,用户看到的部分都叫前端. 而用户看不到的部分可以统称为后端. 2.前端和后端的呈现形式前端的呈现形式有web端.移动端(ios.安卓).小程序等. 后端系统一般只有一 ...
【测试】这到底是前端还是后端Bug
前言大家好,我是洋子.在日常测试过程中,我们或多或少碰到如下场景: QA(我):这个页面打开白屏了,前端开发你看下,抓紧给我改(做测试就是要硬气一点) 前端:这不是我的Bug呀,你看后端接口都没返回 ...
《单页Web应用：JavaScript从前端到后端》——1.4 小结
本节书摘来自异步社区<单页Web应用:JavaScript从前端到后端>一书中的第1章,第1.4节,作者:[美]Michael S. Mikowski , Josh C. Powell著, ...
前端：后端，我要分手，你不适合我
一.前戏前后端分离已成为互联网项目开发的业界标准使用方式,通过nginx+tomcat的方式(也可以中间加一个nodejs)有效的进行解耦,并且前后端分离会为以后的大型分布式架构.弹性计算架构.微服 ...

判断bug属于前端还是后端

一、前后端bug的特点

二、前后端bug的一些表现

三、判断方法

判断bug属于前端还是后端相关推荐

最新文章

热门文章