软件测试技巧-如何定位前后端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 开头的是后端或服务器问题

相关推荐
2401_860494702 天前
React Native鸿蒙跨平台开发:error SyntaxError:Unterminated string constant.解决bug错误
javascript·react native·react.js·ecmascript·bug
天才测试猿3 天前
快速定位bug,编写测试用例
自动化测试·软件测试·功能测试·测试工具·职场和发展·测试用例·bug
福大大架构师每日一题4 天前
PyTorch v2.9.1 发布:重要 Bug 修复与性能优化详解
人工智能·pytorch·bug
黑臂麒麟4 天前
Electron&OpenHarmony 跨平台实战开发(bug):npm 安装 Electron 依赖常见错误排查
electron·npm·bug·openharmony
CIb0la4 天前
Complete Bug Bounty tool List for free
linux·运维·bug
欧恩意4 天前
【Viusal Studio】关于增量链接机制
汇编·windows·bug
Austindatabases4 天前
SQLite 开发中的数据库开发规范 --如何提升业务系统性能避免基础BUG
数据库·oracle·sqlite·bug·数据库开发
万粉变现经纪人5 天前
如何解决 pip install 代理报错 407 Proxy Authentication Required 问题
windows·python·pycharm·beautifulsoup·bug·pandas·pip
爱尔兰极光5 天前
软件测试--BUG篇
bug·压力测试·测试
hadage2335 天前
windows alt + tab 切换窗口时会强制把我的中文键盘的中英文输入改为中文这个bug的曲线救国方式 da
bug