读者提问:如何区分前后端 BUG?

阿常回答:这个问题我从三方面回答:1、为何要区分前后端 BUG;2、前后端 BUG 各有的特点;3、如何区分前后端 BUG。

一、为何要区分前后端 BUG

如果是大规模团队、多人开发的系统,测试不能明确到底是谁的 BUG,将 BUG 提交给了错误的开发人员,再加上人都有依赖心理,这个 BUG 就会被当皮球一样踢来踢去,极大增加了沟通成本,影响 BUG 修复时效。

二、前后端 BUG 各有的特点

前端 BUG:界面相关、布局相关、兼容性相关、交互相关。

后端 BUG:业务逻辑相关、性能相关、数据相关、安全性相关。

三、如何区分前后端 BUG

一)经验法

平时工作中多注意积累总结经验(比如根据上面的第二项内容【前后端 BUG 各有的特点】来初步判断这个 BUG 属于前端还是后端)。

二)查看日志法

复现 BUG 时,查看日志中有没有相关信息。

如果日志没有输出,很可能这个功能并没有与后端交互,也就不存在后端的问题。

如果日志有输出,可以进一步查看有无错误日志信息,进一步分析。

三)接口查看法

大多数浏览器都有自带的接口查看工具,比如 Chrome 浏览器通过 F12 开启抓包,来查看是后端返回给前端的数据有误,还是前端显示有误。

1、检查接口 URL:URL 错误,前端 BUG。

2、检查接口传参:传参错误,前端 BUG。

3、检查接口响应:响应错误,后端 BUG。

4、控制台 js 报错:前端没有发起接口请求,前端 BUG。

看完今天的分享对你是不是有所启发呢,有任何想法都欢迎大家后台私信阿常,一起探讨交流

转发、点赞、在看三连走起,感谢支持。

程序员阿常

十年职场历程,拥有丰富的软件测试经验,以及项目管理经验。

如何区分前后端 BUG相关推荐

  1. 如何区分前后端BUG?

    软件测试工程师的职责是发现BUG,此外,如何体现个人价值?那么我们试想,只提出问题而不去解决,问题就永远得不到闭环.所以,一个资深的测试人员的基本功应该是这样的:深挖业务和功能需求,找出BUG,定位B ...

  2. 测试人员必备技能——如何利用F12快速定位前后端BUG

    前言 在测试人员测试过程中经常需要通过抓包来区分一些前后端的Bug,特别是Web端的测试,利用浏览器中的F12开发者选项,就能进行网站界面测试.调试,分析网页所出现的问题,查看html元素.查看响应事 ...

  3. day06:如何定位分析前后端bug(详细版)

    文章目录 一. 为什么要区分? 二.如何定位分析? 三.借助什么工具? 四.如何复现bug? 五.案例分析 一. 为什么要区分? 第一,前端bug提交给后端,后端bug提交给前端,不仅给开发双方带来了 ...

  4. 如何定位前后端Bug

    文章目录 1 定义 2 定位方法 3 实战 1 定义 前端 : 是用户看得见摸得着的东西,主要体现在页面的视觉效果以及交互设计上. 特性:界面/布局/兼容性/交互相关 前端的bug主要分为3类:HTM ...

  5. web应用F12查看报错(前后端bug判断、2XX/3XX/4XX/5XX常见状态码解析)

    chrom浏览器为例 (1)打开开发者工具,在浏览器菜单栏选择工具-开发者工具,快捷键是F12 (2)打开之后切换到Network页签,操作就可以看到请求响应 (3)再选择响应的链接,切换到Previ ...

  6. 如何定位前后端Bug?

    Bug分析 1.如何分析Bug? 1)抓包接口定位分析 2)看系统日志 1.如何分析Bug? 1)抓包接口定位分析 web项目的话,一般工作中使用方式比较多的是使用浏览器自带的F12抓包看接口请求. ...

  7. 区分bug 前后端归属之后,我再也不背锅了

    web应用的开发主要有两种模式:前后端不分离.前后端分离 其中前后端分离是目前web开发的主流模式. 对于前后端分离的应用,既需要进行功能测试,还需要进行接口测试,并且在进行功能测试是还需要分析bug ...

  8. 后端拼接html能做判断吗,怎么判断是前端bug还是后端bug?

    在提bug时,只有明确定位是前端bug还是后端bug,才能正确指派给对应的开发同学,如果经常分不清楚,一直需要开发同学重新指派,不仅浪费了时间,还会被开发同学吐槽,今天就带大家解锁一些区分前后端bug ...

  9. 【Web】JavaWeb项目为什么我们要放弃jsp?为什么要前后端解耦?为什么要前后端分离?2.0版,为分布式架构打基础。 - CSDN博客

    前戏 前后端分离已成为互联网项目开发的业界标准使用方式,通过nginx+tomcat的方式(也可以中间加一个nodejs)有效的进行解耦, 并且前后端分离会为以后的大型分布式架构.弹性计算架构.微服务 ...

  10. 前后端分离和不分离到底有什么区别

    前后端分离已成为互联网项目开发的业界标准使用方式,通过nginx+tomcat的方式(也可以中间加一个nodejs)有效的进行解耦,并且前后端分离会为以后的大型分布式架构.弹性计算架构.微服务架构.多 ...

最新文章

  1. switch 使用使用小技巧
  2. python初学者可以做的金融小程序-Python入门 —— 用pycharm写一个简单的小程序3...
  3. SQL Server Mysql 对null值理解的不同
  4. Asp.net WebForm中应用Jquery EasyUI Layout
  5. 43request对象 续
  6. 关于学校计算机的情景剧剧本,有关学校后勤的情景剧剧本《默默奉献》
  7. MFC开发IM-第四篇、mfc 对话框dialog的属性意思
  8. python数据驱动登录_python之数据驱动ddt操作(方法三)
  9. mysql清除内存不足_MySQL内存不足怎么办
  10. 讨论一下hibernate如何动态注册一个动态生成的实体类
  11. tpc1061ti使用说明_昆仑通态连打印机样例说明
  12. DEVELOPMENT OF A LOW-COST VISION SYSTEM FOR FINDING CONTOUR AND SURFACE DEFECTS ON CAST IRON ENGINE
  13. 北大计算机专业毕业论文,北京大学计算机专业硕士
  14. 计算机照片无法打开,无法打开jpg图片的解决方法
  15. 小程序将页面转为图片--Wxml2Canvas
  16. TopCoder SRM(Arena) 一日游记
  17. UPS智能云监控报警器使用手机SIM卡和物联网卡的区别
  18. python 方差齐性检验_Python数据科学:正态分布与t检验
  19. 真正厉害的人,靠的是本能,还是“反本能”?
  20. 推荐几个提升 win10 生产力的软件

热门文章

  1. 智能创新引导工具软件——工作量分配和里程碑安排
  2. VLAN Tag,PVID
  3. Web服务器性能/压力测试工具http_load、webbench、ab、Siege
  4. 解决: error: Class declaration lacks Q_OBJECT macro. 的报错
  5. php AES加解密
  6. win10计算机不显示usb,win10插入U盘不显示怎么办_解决win10u盘插电脑上不显示的办法...
  7. Android事件分发机制详解:史上最全面、最易懂
  8. psd导出jpg太大_保存技巧,完美解决PS导出文件过大的问题
  9. 批量将 Excel 中的某个工作表替换成另一个工作表
  10. Android O 修改吉字节为GB