如何区分前端bug还是后端bug?
软件测试工程师的职责是发现BUG,此外,如何体现个人价值?那么我们试想,只提出问题而不去解决,问题就永远得不到闭环。所以,一个资深的测试人员的基本功应该是这样的:深挖业务和功能需求,找出BUG,定位BUG,提出解决方案。这里我们就来说说,当我们找到了BUG,应该把BUG提交给谁去解决,这属于BUG定位的问题。
试想:
根据需求,用户头像应是圆形,但结果是方形,是谁的BUG?
保存用户信息时,无法保存成功,也没有错误提示,最可能是谁的BUG?
显然,工作过程中,我们不可能把这些BUG提交给同一个人去解决。我们应该至少区分出是前端还是后端BUG,就好像时下流行的词“垃圾分类”,经过BUG分类处理,整个团队的效率都会有所提高。
一.什么是前端/后端?
目前多数互联网项目都是前后端分离开发的,那么什么是前端?什么是后端?简言之,前端侧重于页面设计,后端侧重于服务开发。
比如要保存一个用户信息,前端把界面显示给用户,让用户按需填写,当用户点击“保存”按钮时,数据会通过网络被提交给后端服务,由后端服务处理是否需要进一步运算,并且把数据保存在哪一个数据库的哪一张表里。
二.为什么要区分前端/后端BUG?
目前多数项目都是多人协作开发的,如果不能明确这个BUG是谁造成的,容易提交给错误的开发人员,会大大降低BUG的解决效率。
另外,如果团队规模较大,或者由各地的项目组拼凑而成,势必会增加沟通成本,这更需要我们在类似禅道或者Jira等项目管理软件中提交BUG时,先指明是谁的BUG,避免互相踢皮球的现象。
所以,为了提高团队效率,测试人员尤其要做好BUG分类。
三.如何定位前端/后端BUG?
对于一个优秀的软件测试工程师来说,区分BUG属于前端还是后端是尤为重要的。
页面请求过程
弄清楚如何定位和分类BUG之前,需要了解一下页面请求的过程,以 http 请求为例,请求过程如下:
用户在前端页面操作,如点击某个功能
页面携带数据进行请求,访问具体功能接口
由后端服务执行该接口相应的业务逻辑,如涉及数据,再去请求并组装数据返回给前端
前端页面进行渲染和展示对应的页面和数据
前后端BUG各有什么样的特点?
前端BUG
– 界面相关
– 布局相关
– 兼容性相关
后端BUG
– 业务逻辑相关
– 性能相关
– 数据相关
– 安全性相关
定位BUG属于前端还是后端,有什么方法?
这里提供了几个方法,可以给大家一个思路,让大家能在学习和工作中了解如何去区分BUG属于前端还是后端。
经验法
软件测试人员应不断精进自己的技能,负责的项目多了,自然对功能的实现过程有了解,也就明白如何分类BUG了。
例如:
网页上的某个图片的分辨率不对,如果我们了解实现过程,可以想到一般情况下,是根据某个地址去服务器取图片的,数据库一般只保存地址,那么图片能正确显示,就说明后端的基本功能是满足需求的。如果具体图片分辨率有误,最可能的原因是前端显示过程出了差错。
日志查看法
当我们发现一个BUG,并不确定这个BUG属于前端还是后端,可以查看后端服务的日志,复现BUG时,查看日志中有没有相关信息。基本可以认为,如果日志没有输出,很可能这个功能并没有与后端交互,也就不存在后端的问题。反之,如果日志有输出,可以进一步查看有无错误日志信息,进一步分析。
接口查看法
这种方法常用于查看是后端返回给前端的数据有误,还是前端显示有误。
大多数浏览器都有自带的接口查看工具,如Chrome,FireFox等都可以通过F12开启抓包,在NetWork中可以看到当前页面发送的每个http请求。
通过Chrome看到的接口情况如下
可以在Response中查看响应数据
我们需要对比通过后端接口拿到的数据和前端显示的数据,来确认问题出在哪里。如果数据错了,页面显示是错的,也是正常的,先从后端入手去解决。如果数据对了,但是显示错了,就需要问问前端的开发人员了。
四.经验和总结
沟通很重要
我们在定位BUG的过程中,最不能忽略的一个问题是和开发人员的沟通,有时候忙活半天,不如一问一答。经验和技术的成长也都离不开合理高效的沟通。
经验和小结
出现样式的问题基本都是CSS的BUG
出现文本的问题基本上都是html的BUG
出现交互类的问题基本上都是Javascript的BUG
其他问题先沟通,再定位
本文转自:https://blog.csdn.net/qq_37823386/article/details/81736548?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-3.channel_param&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-3.channel_param
如何区分前端bug还是后端bug?相关推荐
- 如何区分前端BUG和后端BUG
1.如何区分前端和后端 通俗讲,用户看到的部分都叫前端. 而用户看不到的部分可以统称为后端. 2.前端和后端的呈现形式 前端的呈现形式有web端.移动端(ios.安卓).小程序等. 后端系统一般只有一 ...
- 后端拼接html能做判断吗,怎么判断是前端bug还是后端bug?
在提bug时,只有明确定位是前端bug还是后端bug,才能正确指派给对应的开发同学,如果经常分不清楚,一直需要开发同学重新指派,不仅浪费了时间,还会被开发同学吐槽,今天就带大家解锁一些区分前后端bug ...
- 【判断是前端bug还是后端bug】
判断是前端bug还是后端bug 一.界面相关,排版错乱,文案错误等问题,大都属于前端bug 1.出现样式的问题基本都是CSS的bug 2.出现文本的问题基本都是html的bug 3.出现交互类的问题基 ...
- 如何判断BUG是前端BUG还是后端BUG
一般像界面上的错别字.字体大小.控件显示.输入框超出边界.字符被截断.字符重叠等问题,不要犹豫.不要徘徊,肯定是前端问题. 界面报404的八成是前端写错了请求地址,指给前端开发:报500的,一般是后端 ...
- 生产环境如何关闭报错功能_知识分享---如何区分前端与后端bug
1.如何区分前端和后端 通俗讲,用户看到的部分都叫前端. 而用户看不到的部分可以统称为后端. 2.前端和后端的呈现形式 前端的呈现形式有web端.移动端(ios.安卓).小程序等. 后端系统一般只有一 ...
- 测试人员如何区分前端和后台BUG方法流程
测试工程师不只是负责发现问题,除了发现问题这种基本功外,定位问题,提出解决方案,提出预防方案也是要掌握的技能.这里先说定位问题的要求,定位问题要向深入,前提当然是对功能.产品的流程.开发方案.开发人员 ...
- 区分bug 前后端归属之后,我再也不背锅了
web应用的开发主要有两种模式:前后端不分离.前后端分离 其中前后端分离是目前web开发的主流模式. 对于前后端分离的应用,既需要进行功能测试,还需要进行接口测试,并且在进行功能测试是还需要分析bug ...
- 如何区分前后端BUG?
软件测试工程师的职责是发现BUG,此外,如何体现个人价值?那么我们试想,只提出问题而不去解决,问题就永远得不到闭环.所以,一个资深的测试人员的基本功应该是这样的:深挖业务和功能需求,找出BUG,定位B ...
- webstorm前端调用后端接口_软件测试面试题:怎么去判断一个bug是前端问题还是后端问题...
大家好,在软件测试面试过程中,经常有面试官问到这个问题,那我们应该如何回答才好呢?少废话,直接看答案: 答案: 在页面上发现bug之后,要想判断这个问题属于后端还是前端,我就需要来判断这个页面背后调用 ...
- 【测试】这到底是前端还是后端Bug
前言 大家好,我是洋子.在日常测试过程中,我们或多或少碰到如下场景: QA(我):这个页面打开白屏了,前端开发你看下,抓紧给我改(做测试就是要硬气一点) 前端:这不是我的Bug呀,你看后端接口都没返回 ...
最新文章
- 【Foreign Key】Oracle外键约束三种删除行为
- url中参数以及callback后面的串
- CodeForce 168 C——Wizards and Trolleybuses
- 用浏览器管理 Docker
- Python 数据科学手册 5.6 线性回归
- ASP.net在页面所有内容生成后、输出内容前对页面内容进行操作
- 基于共享内存和多重哈希实现分布式缓存系统
- itextpdf实现多PDF文件合并为一个PDF文档
- 异常检测的总结性介绍
- 使用Vue指令实现下拉菜单效果
- 手机扫描二维码,下载apk
- 使用青龙面板BP京东豆
- 真实力好口碑!Fortinet又双叒叕获评Gartner“客户之选”荣誉称号
- 使用腾讯OCR进行文字识别
- 一种直观理解Galois理论的途径
- linux搭建DNS域名解析服务
- Android 高德地图添加线段纹理
- 学习单片机的准备工作
- 并行编程-disruptor与Future(CompletableFuture 和 guava)场景比较
- 上最全!无线路由器常见问题大集合
热门文章
- 基于matlab的-数字调制技术仿真
- Windows入侵痕迹清理
- 如何获取微信小店小程序的AppID
- OpenGL PowerVR SDK 编译:Could NOT find X11 (missing: X11_X11_INCLUDE_PATH X11_X11_LIB)
- java学习笔记第三周(二)
- shell的课程大纲
- linux 打印进程日志,Linux系统日志管理:(2)进程统计日志
- dotnet 使用 Obsolete 特性标记成员过时保持库和框架的兼容性
- 计算机课程设计红绿灯,PLC十字路口红绿灯课程设计(梯形图).doc
- 人工智能实验1-波士顿房价预测