在测试过程中,我们是如何去定位前后端问题的?

我们在做web端测试时,难免会遇到这样的一个情况:出现的bug,不知道是前端还是后端,这篇就为大家简单介绍几种比较好用的方法吧

场景:

清晰的记得那天是项目要上线,但是由于某种原因,页面可以打开,但是在点击任意链接后,没有实现该功能,且还会抛出异常提示?
此时,作为测试的我们,应该是要协助开发去定位问题:

1、可以通过谷歌浏览器中的开发者工具来定位问题

打开F12 或是谷歌浏览器右上角的三个小点,开启开发者工具

在这里插入图片描述
2、在开发中工具中,选择Network

在这里插入图片描述
3、刷新当前页面,并对有问题的地方进行点击,Network会抓取当前的页面的内容

在这里插入图片描述
在这里,有返回接口,也有些其他的数据,在这里,我们重点观察有问题的哪些地方

比如页面中有一个下拉框,但是没有数据,那么我们可以通过接口测试来判断:

<1>先ping下ip,看是否存在超时的现象,如果超时了,那么就可以初步的认定为是服务端的问题

在这里插入图片描述
ps:这里是拿的百度做的实验哦~

<2>如果接口可以跑通并返回了正确的数据,那么服务端这边是没有问题的,有可能是前端没有绑定好该字段

<3>如果接口不可以跑通,那么可以去找下服务端的问题,超时、异常等情况,还要考虑到是否有中间件的问题

4、用开发者工具做接口详细步骤:

<1> 在Network下,点击 view source 来露出headers请求入参

在这里插入图片描述

露出请求参数:
在这里插入图片描述

此时,可以打开接口测试工具,将这些请求参数复制下来,并粘贴到工具中

添加一个http请求:
在这里插入图片描述

添加一个信息头管理器:
在这里插入图片描述
因为参数很多,我们并不知道哪些是必传参数,还是不必传参,所以这里全都拿过来

最后添加一个察看结果树:

在这里插入图片描述
请求是成功的,但是出现了乱码,大家可以去修改下jmeter的编码配置

<1>打开jmeter的bin目录,找到jmeter.properties文件

在这里插入图片描述
文本方式打开,搜索sampleresult.default.encoding=ISO-8859-1改为sampleresult.default.encoding=utf-8 去掉最前端的注释#

在这里插入图片描述
再次跑下接口:
在这里插入图片描述
4、还可以在Network中看到页面响应时长

在这里插入图片描述

如有问题,请在博客下方留言,小友定当知无不尽~

  • 68
    点赞
  • 511
    收藏
    觉得还不错? 一键收藏
  • 19
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 19
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值