软件测试技巧-如何定位前后端bug?

背景

当发现bug时,我们可能会碰到不知道该提给前端or后端的情况,降低了我们的测试效率,本文就介绍几种定位前后端bug的技巧

方法一:通过接口抓包来判断

用 f12 或者 fiddler 抓包,查看请求和响应数据的值与数据库中的数据值做对比,如果中间出现数据在接口传递过程中发生了变化或不符合预期,就可能存在前端或后端 Bug

~页面上的数据没有正确的传到 request 的参数里面**,以及response 中的参数的值没有正确的显示到前端页面上是前端的 bug** ,入参和前端页面交互问题就是前端 bug

~request 的参数的值没有正确的存到数据库中,以及数据库中的数据没有正确的存到response 中的参数中 ,则是后端的 bug,出参和数据库交互问题就是后端 bug
方法二:通过 bug 出现范围

如果是在前端页面上,比如 ui,和交互,以及展示相关的,而后端数据处理和存储是正常的,一般是前端问题,或者前端页面点击没有发送请求等都属于前端 bug。

只要是后端数据处理和存储是不正常的般是后端问题
方法三:查看错误提示或者日志来判断

如果是 f12 的控制台有报错,一般是前端问题,如果是 linux 服务器中的日志文件报错般是后端问题,比如 error、warming、exception 等报错都是后端的问题。
方法四:接口状态码来判断

接口状态码 4 开头的是前端或客户端问题

接口状态码 5 开头的是后端或服务器问题

相关推荐
凌云拓界10 小时前
NodeVerdict | 性能门禁:把追踪数据变成 CI 规则
ci/cd·信息可视化·开源·node.js·bug·数据可视化·安全架构
qingmiaozhuan2 天前
软件测试Bug复现高清录屏标准流程:新手入门与规范指南(2026实战版)
bug·电脑录屏·电脑录屏软件·测试录屏规范·音画同步录制
凌云拓界2 天前
NodeVerdict:Node.js 原生诊断数据可视化工具
信息可视化·架构·typescript·开源·node.js·github·bug
蓝天下的守望者7 天前
验证环境中使用队列的pop_front()思维惯性引发的bug
bug
一只小菜鸡..7 天前
南京大学 操作系统 (JYY) 学习笔记:并发 Bug 的地狱——数据竞争、死锁与原子性违反
笔记·学习·bug
名字还没想好☜8 天前
React 受控输入框光标跳到末尾:格式化输入时的 selection 丢失 bug 与修复
前端·javascript·react.js·bug·react·next.js
陈 洪 伟9 天前
大模型推理引擎vLLM(30):由一个GLM5 bug,整理MLP中的SwiGLU、算子融合、量化相关问题
bug·mlp·vllm
endeavor1210 天前
BUG(记录)
bug
不断学习加努力11 天前
使用rviz2进行可视化时,cpu资源占用过高的bug
bug
happyness4412 天前
如何利用 AI 自动编写单元测试(Unit Test)来捕捉隐藏的边缘情况 Bug?
人工智能·单元测试·bug