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

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

热门文章

    最新讲堂

      • 推荐阅读
      • 换一换
          •   一、为什么要复盘  在当前项目的研发过程中,按照产品研发的生命周期,研发的每阶段结束后会进行复盘,为什么要做复盘?复盘有什么好处?复盘的实质是从经验中学习,让我们搞清楚有意义的失败,无意义的成功,让我们不再犯同样的错误,帮助团队有效地总结经验、提升能力、实现绩效的改善。今天和大家一起来探讨分享一下当前项目敏捷测试交付过程中的复盘实践。  二、如何进行敏捷测试复盘  1)背景介绍  在当前的项目运作过程中,对于敏捷测试的复盘活动是如何开展的呢?在项目当前测试交付过程中,主要有敏捷测试交付和系统测试交付。其中敏捷测试交付包含了特性测试交付以及验收测试交付,因当前重点关注敏捷测试交付,主要分享下...
            1 1 1401
            分享
          • Vim是Linux系统上最常用的文本编辑器,本文将介绍一些vim常用的命令。插入命令a 在光标后插入A 在光标所在行的行尾后插入i 在光标前插入I 在光标所在行的行首前插入o 在光标下插入新行O 在光标上插入新行gi 进入到上一次插入模式的位置<ESC> 退出插入模式定位命令:set number 设置显示行号:set nonumber 取消行号gg 到第一行G 到最后一行nG 跳到第n行:n 跳到第n行$ 移至行尾0 移至行首删除命令x 删除光标所在处的字符nx 删除光标所在处后n个字符dd 删除光标所在行ndd 删除光标在内的n行dG 删除光标所在行到文件末尾的内容D 删除光标...
            0 0 1230
            分享
          • 第1步:设计测试自动化策略许多团队通常会遇到困难,因为他们没有面向目标的测试自动化策略。它将所有团队成员保持在同一页面上。它通知和传达预定义的目标和计划,每个人都可以从中了解他们所做的是对还是错,并调整下一步行动。如果没有清晰的战略,团队很容易改变方向,选择错误的解决方案,并且无法以有助于实现业务价值的方式使用测试自动化。这是看待它的一个好方法:测试自动化就像构建并拥有自己的软件来测试其他应用程序。它应该以与软件开发相同的方式以清晰的愿景和计划进行管理。第2步:丰富测试自动化基础了解测试自动化的所有基础知识至关重要,从敏捷和DevOps方法、框架构建、自动化金字塔、架构、自动化方法到报告和指标...
            0 0 1293
            分享
          •   马斯克在执掌 X 平台之后,多次在公开场合表示要效仿微信,将 X 打造成“超级应用”。IT之家此前曾报道,X 公司首席执行官 Linda Yaccarino 在本月中旬表示 X 平台“即将支持视频通话功能”。  而马斯克本人今日在 X 平台正式官宣,X 平台将带来“音频与视频通话”选项,但目前并不确定是否只有订阅 Blue 的用户可以使用,也并不知道该特性上线的具体时间点,不过根据马斯克所述,该“音频与视频通话”功能将具有两大特性:  马斯克此前曾“毫不掩饰自己对微信模式的喜爱”,他声称:“对于那些用过微信的人来说,我认为微信实际上是一个很好的模式,它有点像推特、PayPal 以及其他一大...
            0 0 1127
            分享
          • 我的答案是,要的,但不要持久,就在乎一会会儿~我们的情绪有很多种,大部分是不太让人舒服的。我们的情绪来的很快,是我们对外部世界的反应。我们的情绪去的也很快,大部分时候,我们深呼吸三次,它就过去了。我们的感受大部分跟情绪相关。只要我们活着,我们就有情绪;只要我们有情绪,我们就有感受。感受这个东西作用很大,可以帮助我们体会到生活的美妙,体会到生活的艰辛,体会到不容易,体会到乐趣,也体会到悲伤。总之,这些让我们与周围世界的互动更加生动。但是,我们要不要以感受为基准,去调整我们的人生追求?答案当然是,不要。我们的人生追求,越是艰难的事情,越是不容易实现,越是不容易实现,越容易破壁,越容易破壁,越容易产...
            0 0 1218
            分享
      • 51testing软件测试圈微信