对于测试工程师而言,区分前后端bug,对于提高改bug效率很重要,前端bug指派给前端工程师,后端bug指派给后端工程师,从而达到忙而有序,事半功倍的效果。

页面请求过程:

用户页面输入某个字段,点击提交按钮

页面携带数据进行请求,访问具体的功能接口

由后端服务执行该接口相应的业务逻辑,如涉及数据,再去请求并组装数据返回给前端

前端页面进行渲染和展示对应的页面和数据

前端bug:

界面相关

布局相关

兼容性相关

后端bug:

业务逻辑‘’

性能相关

数据相关

安全性相关

那如何定位bug属于前端bug还是后端bug?

1. 经验法:譬如看到界面、布局,公式渲染不对,图片显示模糊等类似的bug,都属于前端

数据,功能逻辑和性能都属于后端

2.抓接口确认,如果接口返回值正确,页面未显示,或页面显示不对,说明接口已经传过来数据,但前端未显示出来,属于前端问题;如果接口返回值错误,前端显示和接口返回的一致,这就属于后端bug,说明接口有问题;

举个栗子:前端页面展示的图片模糊,肯定属于前端bug,我们分析一下图片显示的实现方法,图片地址存放在数据库,根据该地址去服务器取图片,图片能显示出来,说明接口功能实现没问题,显示不清晰,就是分辨率有问题,需要前端调试

3.和开发人员沟通,如果实在拿不定,就需要和前后端开发人员进行沟通判定,时间紧急的情况这下这个办法是很实用,但是自己能定位尽量不麻烦别人拉 。。。。。

前端bug分类:

样式问题-----CSS

文本问题----html

交互问题------Javascript

如何区分前后端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. 运维经验分享(六)-- 深究crontab不能正确执行Shell脚本的问题(二)
  2. hadoop(9)--MapReduce入门WordCount
  3. 1.2 检测和测量图像中的圆形目标
  4. cocos2d-x 关于tilemap滚动时黑线闪动的问题
  5. leetcode51 --- solveNQueens
  6. springMVCs下载
  7. Java 集合框架详解
  8. Java的接口与继承
  9. SQL Server 2008修改数据库为多用户模式
  10. 3P新产品开发管理实务
  11. Android -- 背景虚化
  12. Mac OS 电信3G上网设置
  13. 安装ALEXA工具条
  14. 软件测试周刊(第31期):所有的伟大 都源于一个勇敢的开始
  15. Git出现 Your local changes to the following files would be overwritten by merge: con
  16. hihocoder题目选讲
  17. 第6天:分割处理与中断处理
  18. Python:统计正负数个数
  19. notes-Java学习指南①(快速入门)(网易云课堂)
  20. 消息中间件架构面面观

热门文章

  1. SSH 3次失败自动封锁IP
  2. 计算机本地连接xp,xp系统本地连接不见了的解决方法
  3. 【pytest】之parameterize()参数化,实现测试方法数据化
  4. R语言错误的提示(中英文翻译)
  5. 射击比赛的成绩 华为od js
  6. 【安信可首款4G模组CA-01直连阿里物联网平台①】产品创建
  7. 360校招之圈地运动
  8. html5允许属性值不使用引号,HTML5概述 - 阿振的个人空间 - OSCHINA - 中文开源技术交流社区...
  9. C语言实现连接MySQL服务器CURD
  10. 关于将驱动整合至ESXi镜像过程中的一些小坑