1 定义

  • 前端 : 是用户看得见摸得着的东西,主要体现在页面的视觉效果以及交互设计上。
    特性:界面/布局/兼容性/交互相关
    前端的bug主要分为3类:HTML CSS javascript三类问题
    出现样式的问题基本都是CSS的bug;
    出现文本的问题基本都是html的bug
    出现交互类的问题基本都是Javascript的bug

  • 后端 :则侧重于更深层面的东西,关于逻辑,关于数据,关于平台的稳定性与性能。后台主要负责实现具体的功能。
    特性:数据/安全性/逻辑性/性能相关
    后端的Bug如:
    (1) 查看报错日志
    查看报错日志,通过日志分析,需要有一定的经验,并且有一定的代码基础,才能更好地定位问题。
    (2) 查看数据库的数据
    了解所测功能的数据表结构,测试过程中,查看数据库的数据,确认数据的正确性。
    (3) 查看缓存(如Memcache、apc、redis等缓存)是否正确

2 定位方法

  1. 经验法
    软件测试人员应不断精进自己的技能,负责的项目多了,自然对功能的实现过程有了解,也就明白如何分类BUG了。例如:网页上的某个图片的分辨率不对,如果我们了解实现过程,可以想到一般情况下,是根据某个地址去服务器取图片的,数据库一般只保存地址,那么图片能正确显示,就说明后端的基本功能是满足需求的。如果具体图片分辨率有误,最可能的原因是前端显示过程出了差错。

  2. 日志查看法
    当我们发现一个BUG,并不确定这个BUG属于前端还是后端,可以查看后端服务的日志,复现BUG时,查看日志中有没有相关信息。基本可以认为,如果日志没有输出,很可能这个功能并没有与后端交互,也就不存在后端的问题。反之,如果日志有输出,可以进一步查看有无错误日志信息,进一步分析。
    查看后端服务log日志有无错误日志信息。
    查看日志:https://baijiahao.baidu.com/s?id=1727360160265115655&wfr=spider&for=pc

  3. 接口查看法
    这种方法常用于查看是后端返回给前端的数据有误,还是前端显示有误。大多数浏览器都有自带的接口查看工具,如Chrome,FireFox等都可以通过F12开启抓包,在NetWork中可以看到当前页面发送的每个http请求。
    通过Chrome看到的接口情况如下:在这里插入图片描述
    我们需要对比通过后端接口拿到的数据和前端显示的数据,来确认问题出在哪里。如果数据错了,页面显示是错的,也是正常的,先从后端入手去解决。如果数据对了,但是显示错了,就需要问问前端的开发人员了。
    抓包:传参内容不对,前端bug;响应内容不对,后端bug。

3 实战

问题:在某购物网站上购买了两件商品,一件打折,一件不打折。当你下完订单并且成功支付之后,再次去我的订单中查看订单内容时,发现两件商品只显示出来一件,打折的商品没有显示出来。
分析:
在这里插入图片描述

Logo

北京人形旗下天工造物具身智能开源社区,聚焦具身天工与慧思开物两大平台

更多推荐