• 4
  • 4
分享
  • 在测试过程中,我们是如何去定位前后端问题的?
  • 北极 2020-10-23 14:22:04 字数 1284 阅读 3244 收藏 4

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

      场景:

      清晰的记得那天是项目要上线,但是由于某种原因,页面可以打开,但是在点击任意链接后,没有实现该功能,且还会抛出异常提示?

      此时,作为测试的我们,应该是要协助开发去定位问题:

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

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

图1.png

      2、在开发中工具中,选择Network

图2.png

      3、刷新当前页面,并对有问题的地方进行点击,Network会抓取当前的页面的内容

图3.png

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

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

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

图4.png

      ps:这里是拿的百度做的实验哦~

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

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

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

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

图5.png

      露出请求参数:

图6.png

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

      添加一个http请求:

图7.png

      添加一个信息头管理器:

图8.png

      因为参数很多,我们并不知道哪些是必传参数,还是不必传参,所以这里全都拿过来

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

图9.png

      请求是成功的,但是出现了乱码,大家可以去修改下jmeter的编码配置

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

图10.png

      文本方式打开,搜索sampleresult.default.encoding=ISO-8859-1改为sampleresult.default.encoding=utf-8去掉最前端的注释#

图11.png

      再次跑下接口:

图12.png

      4、还可以在Network中看到页面响应时长

图13.png

      


作者: 嘉 诚

原文链接:https://blog.csdn.net/weixin_46457203/article/details/107872788?utm_medium=distribute.pc_feed.none-task-blog-personrec_tag-9.nonecase&depth_1-utm_source=distribute.pc_feed.none-task-blog-personrec_tag-9.nonecase&request_id=5f2f14948c9fb674c67238d7

  • 【留下美好印记】
    赞赏支持
登录 后发表评论
+ 关注

热门文章

    最新讲堂

      • 推荐阅读
      • 换一换
          •   前言  在做接口自动化的过程中经常会遇到上传和下载操作,当我们在web页面上的时候很简单,只需要轻轻一点,但是在接口过程中呢?  今天安静介绍下如何通过requests来完成上传和下载操作。  下载操作  玩过爬虫或者熟悉爬虫的朋友们都应该清楚,这里的下载操作其实就是类似于爬虫。  不过这个下载更为简单,只需要获取到对应下载的接口地址就行了。这里安静在网上找到一个图片,通过requests请求图片地址,并将其下载到本地。  编写代码  首先导入requests库,通过requests来请求图片的url地址,通过content的形式返回图片二进制,并写入文件中。import req...
            12 12 1387
            分享
          •   现在有很多基于人工智能的艺术生成器,从Midjouney,到Bing Image Creator等等。然而,这类图像生成器有时需要一段时间才能完成其工作,这取决于不同的文本提示和其他因素。今天,Snapchat的母公司Snap宣布,其Snap研究部门发明了一种技术,可以加快生成式AI艺术创作者制作图像的时间。  在一篇博文中,Snap称这种新方法被称为SnapFusion,它将通过生成式人工智能制作图像的时间减少到两秒以内。它声称这是"学术界迄今为止公布的最快时间"。  该博文补充说:  Snap Research通过优化网络架构和去噪过程实现了这一突破,使其效率惊人,...
            0 0 759
            分享
          • 关于PandasPandas中的数据结构(1)Series:一维数组系列,也称序列;(2)DataFrame:二维的表格型数据结构;(3)Panel:三维数组。数据类型1.Logical(逻辑型)2. Numeric(数值型)3. Character(字符型)数据结构1.Series使用方法如下;Series([数据1,数据2,...],index=[索引1,索引2,...])例如:from pandas import Series X=Series(['a',2,'螃蟹'],index=[1,2,3]) X X[3]#访问inde...
            1 1 1532
            分享
          •   本文将概述测试工程师的现状及发展方向,并着重介绍测试开发工程师的发展及所需具备的技能,以及本部门搭建的测试平台的概况和意义。  一、测试工程师的现状  很多测试小伙伴在工作中有时会比较迷茫,不知该怎样突破瓶颈,更好的发展。  那么测试人员究竟该如何打破瓶颈继续向上提升呢?如果你苦于不知所措,又满怀斗志向上的话,不妨一起聊聊。测试职业发展有典型的三种方向:  ·管理方向  · 技术型方向  · 转行  在此重点说下技术型方向的发展。曾几何时,提的bug被否认而倍感无力;曾几何时,遇到一个偶发复现的bug,到上线了都不知道该怎么复现;曾几何时,面对没有前端页面的测试任务,不知该从哪下手测试;曾...
            0 0 582
            分享
          •   随着开发的逐渐深入,从节省时间、资源和提高测试效率的角度来说,自动化用例必然会成为一个大众型选择。并且,几乎大大小小的软件公司,都在朝着测试自动化的脚步迈进。  那么,我们应该如何有效地利用自动化测试结果挖掘问题,或者说如何通过自动化测试结果分析出一些问题呢?当然,这里的问题不全指代码故障,也可能包括测试脚本问题。  首先,让我们来看看,软件公司常用的将自动化测试嵌入开发流程方法。提及此,不得不提到DevOps(开发运营一体化)。  传统DevOps流程包括:设计——>开发——>测试——>部署,如下图所示。  构建DevOps流程需要一个持续化集成工具,如Jenkins,...
            11 12 1104
            分享
      • 51testing软件测试圈微信