精华内容
下载资源
问答
  • 2020-06-25 15:15:40

    1.怎么找接口?

    最好在谷歌浏览器按f12查看,主要看network,就可以定位前后端问题。

    如果按f12以后,点击network,可以看到.js和.png这些结尾的都不是接口。

    点击network-XHR,这里可以看到接口。

    是过滤xhr请求。如果前后端分离了,数据会通过ajax请求获取,在很久以前,没有xhr的时候 ,页面不支持更新数据,需要刷新才行。有了xhr,页面支持局部更新数据。

    但是这里能显示所有当前界面所有的接口么?

    不一定。有些数据如果是跟页面一起带过来的就不在这。

    并不是所有都是前后端分离的,不分离的时候后端会把页面渲染好 再抛出来,然后你按xhr一个接口都没有。

    更多相关内容
  • 在测试过程中,我们是如何去定位前后端问题的?

    万次阅读 多人点赞 2020-08-08 00:51:15
    我们在做web测试时,难免会遇到这样的一个情况:出现的bug,不知道是前端还是后端,这篇就为大家简单介绍几种比较好用的方法吧 场景: 清晰的记得那天是项目要上线,但是由于某种原因,页面可以打开,但是在点击...

    我们在做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中看到页面响应时长

    在这里插入图片描述

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

    展开全文
  • 测试,如何定位 前后端bug ? 首先需要清楚知道 数据的传输流程:用户在前端页面操作,如点击某个功能,页面携带数据进行请求,访问具体功能接口,由后端服务执行该接口相应的业务逻辑,如涉及数据,后端从数据库取...

      测试,如何定位 前后端bug ?

     首先需要清楚知道 数据的传输流程:用户在前端页面操作,如点击某个功能, 页面携带数据进行请求,访问具体功能接口,由后端服务执行该接口相应的业务逻辑,如涉及数据,后端从数据库取相关信息 ,并组装数据返回给前端,前端页面进行渲染和展示对应的页面和数据  。

     1 接口分析法 :

     抓包 或 浏览器F12  ,选择NETWORK网络,选择XHR  ,JS, WS, Manifest ,Other , 过滤一些其他内容,打开后,有问题的地方,点一下,就可以看见 对应抓取的内容。

    然后看内容: 请求 和 响应 和 参数   3个大的部分  ,

    请求 部分 :主要是看 URL ,请求方式,状态码  , 请求入参格式 content-type    ,IP 可以不看(网络打不开时,拼使用)

     响应部分 : 看状态码 ,响应内容!         

      参数:就是需要传递的具体内容 !

          这些熟悉后,就开始核对 确认问题 : 如果抓不到这个接口,就是前端没有发出请求,显然是前端问题。

        抓取到接口后,如何分析?

    抓到包了符合分析 : 第一步 :看 URL ,和 接口文档 对比 , 是否一致,不一致,连请求的地址都错了,返回怎么可能正确呢,是 前端 问题。

     第二步   , 看 输入的 和请求的 是否一致 ,不一致,表示前端解析数据错误,属于 前端问题 ! 

         还有一种情况  :若是输入和请求一致,接口响应,核对接口文档,响应内容正确,这种情况 ,就是 前端解析接口回调数据错误,也是前端问题! 

    以上总结位,URL 错误, 传值错误,解析数据错误 !前端问题,当然前端的问题还有:界面相关,布局相关,兼容性相关

    前端的完了,来确定后端的:前端url传值正确,和接口文档对比,响应数据不正确(包含响应为空),属于后端问题,那么继续分析是 后端哪里出了问题?

     是接口吐数据错了问题? 还是数据库里面的数据就错误了 ?

     这个时候首先排查数据库, 需要去数据库里面查看:若是数据库里的内容错了,则是数据库的问题。;若是数据库里面的内容正确,就是接口处理逻辑错了。

    总结   :后端BUG:– 业务逻辑相关– 性能相关– 数据相关– 安全性相关
         以上这个 是一个流程的非常简单的例子 ! 

    --

    还有日志查询法 ! 

    可以查看后端服务的日志,复现BUG时,查看日志中有没有相关信息。基本可以认为,如果日志没有输出,很可能这个功能并没有与后端交互,也就不存在后端的问题。反之,如果日志有输出,可以进一步查看有无错误日志信息,进一步分析。

    如何查询日志 ? 后端日志在哪里? 小技巧,可以直接问开发 !     后端服务器有哪些 ?:nginx  , tomcat ,apache

      如何查看日志
    一台服务器可以部署多个应用,找开发,或者测试 ,直接告诉你 :
    cd usr/local/测试服务器名称/logs   //查看先进入到服务器的logs目录下
    tail -f catalina.out          //监视catalina.out 文件的尾部内容(默认10行)

    Ctrl+c 退出tail命令

    另外:输入【./catalina.sh run】也可以查看tomcat的运行日志,但不是实时查看。

    ————————————————————————————————————————————

    若是没有人告诉你,你自己这样操作:

    进入Linux服务器 :

     1 、 find / -name 'nginx',找到nginx坐在位置,看到了后, 

    2 、 进入nginx文件夹 : cd /etc/nginx

    显示里面的具体内容:ls

    进入找到conf文件

    这个conf文件,是文件,不是目录!用查看命令: tail -n 100 nginx.conf

    查看nginx.conf,找到error_log的路径:   

    找到后进入 :  cd /ver/log/nginx

    再使用 tail -f 命令查看错误log 日志!

    tail -f  error.log warn 

     这个时刻体会到  沟通,的便捷性,当然,别人在忙时,你也可以自立更生!

    当然 其他服务器也是一个道理 !就是换一下名字的问题 ! 

      

     

     

      

     

    展开全文
  • 作为测试而言,通过查看接口返回数据可以方便定位是前端还是后端的问题,同时通过更改request和response数据可以很方便构造测试数据 怎么定位问题? 查看问题接口的返回值是否正确,如果正确那就是前端问题,不正确...

    抓包有什么用?
    作为测试而言,通过查看接口返回数据可以方便定位是前端还是后端的问题,同时通过更改request和response数据可以很方便构造测试数据

    怎么定位问题?
    查看问题接口的返回值是否正确,如果正确那就是前端问题,不正确就是后端了

    怎么构造测试数据?

    1. 选择有问题的接口,右键选择breakpoints打断点
      在这里插入图片描述

    2. 然后在web或者app再发一次请求,这个时候就可以看到Edit Request进行请求数据的构造,改完后,点击底部execute按钮
      在这里插入图片描述

    3. 然后就可以看到Edit Response了,就可以构造需要返回的测试数据了,看前端是否能显示正常
      在这里插入图片描述

    展开全文
  • 如何定位前后端Bug?

    千次阅读 多人点赞 2021-04-15 17:21:52
    不管哪种方式,目的都是通过查看接口,去定位分析属于前端问题还是后端问题。 比如你在淘宝上边购买了一件商品,并且成功支付,但是在我的订单里面却没有记录,你应该如何去分析定位这个问题? 首先需要搞明白的是这...
  • 如何定位前后端的bug

    2021-09-13 22:49:32
    2、在接收后端返回的结果后,解码出现问题,显示的结果就会不同 3、在接收到后端返回的结果后,对结果进行渲染时出错,导致无法正确显示出结果 网络: 在发送请求时网络延迟较高,造成数据丢失,最后的结果就会...
  • web测试前后端问题定位

    千次阅读 2020-03-16 19:46:19
    2、启动测试-测试过程中web测试开启F12浏览器自带的调试工具,APP使用fiddler抓包(自行设置代理,下载证书),每进行一个操作,一般都会调用对应的接口,如下图所示,自带的工具都能查看到请求方式,入参内容等,...
  • 前后端分离存在跨域问题跨域二级目录三级目录 跨域 在前后端分离之前,用的都是一个端口号,不存在跨域问题;但是之后前端有一个端口,后端也有一个端口 如:后端8888 前端:8080 二级目录 三级目录 ...
  • 定位前后端Bug思路及方法参考

    千次阅读 2019-05-11 10:25:00
    1)模块职能分工不同,同一个模块,前后端负责团队或人员不同,定位后可清晰地指派到人; 2)测试尽量提供有价值的Bug信息,节约沟通成本,提升Bug修复率; 3)体现测试的技术专业性,有利于在团队树立良好的个人...
  • 前后端分离的搜索引擎项目实战 纯前后端分离项目的搜索引擎实战 前言: 本项目是与2019.12.12初步完成,基于java configuration的ssm后台,纯前后端分离项目,并内嵌tomcat,一键启动。 本项目初衷是针对于小范围...
  • 前后端bug定位

    千次阅读 2020-04-26 17:11:25
    判断前后端bug的定位需要查看对应取值与接口文档中的取值是否一致,对应前端及后端的取值是否一致 一个商品状态为status,待上架status=0,上架中status=1,下架status=2 前端bug: 如:一个商品上架成功后,数据库...
  • 在测试人员测试过程中经常需要通过抓包来区分一些前后端的Bug,特别是Web端的测试,利用浏览器中的F12开发者选项,就能进行网站界面测试、调试,分析网页所出现的问题,查看html元素、查看响应事件等方面。...
  • 一、学习 vue 面临的问题 最近想学一门前端技术防身,看到博客园中写 vue 的多,那就 vue 吧。都说 vue 的官方教程写得好,所以我就从官方教程开始学习。官方教程说“Vue (读音 /vjuː/,类似于 view) 是一套用于...
  • 测试如何定位判断是前端的bug还是后端bug

    千次阅读 多人点赞 2022-03-18 13:42:52
    也可以在浏览器控制台输入JS代码调式进行分析 如果定位为后端的bug,可以进一步通过以下方法精确定位是哪里出bug 查看报错日志,通过日志分析问题点 查看数据库确认数据的正确性 查看缓存是否正确 前后端bug各有什么...
  • 然后通过fiddler 定位前后端bug

    千次阅读 多人点赞 2020-06-09 13:50:54
    fiddler 是我们在测试中常用的抓包工具。那我们一般使用fiddler 工具来抓取请求信息来进行分析,一般有以下几种情况: 第一种情况:fiddler 在没有设置过过滤器的情况下面没有抓到请求信息,可能是前端页面元素没有...
  • 从某种意义上来说,SPA 确实做到了前后端分离,但这种方式存在两个问题: WEB 服务中,SPA 类占的比例很少。很多场景下还有同步/同步+异步混合的模式,SPA 不能作为一种通用的解决方案; 现阶段的 SPA 开发模式,...
  • 新版本由组件列表、交互手册、模块组合、页面交互、界面模板、相关分享等6大部分组成,为了更符合新版本的内容定位,AxureUX WEB交互原型通用组件模板库。
  • 基于PyQt5开发的前后端GUI桌面、导航定位与测量综合系统软件 一、背景与说明 (一)应用场景 当前框架已经实现了多场景的复用测试,有如下: 1. 2.导航定位与测量综合系统(GNSSAMS Offcial X version) 3.基于YOLO3...
  • 先说句废话,如果和开发人员关系好,发现Bug可以先请教开发/测试同事(博主一开始不会定位前后端问题就是这样的,不懂就问) 方法一:请教关系好的同事 方法二:如果可以通过电脑浏览器打开对应页面,可以通过F12...
  • 接口测试之Fiddler抓包,定位接口测试问题详细教程

    万次阅读 多人点赞 2021-07-23 16:03:39
    Fiddler定位Bug 如何用Fiddler复现Bug,定位Bug的前后端问题,具体操作请听我一一解析: 开启Fiddler,进入File--勾选Capture Traffic。默认是开启的,如果停止抓包可以把它关闭 Chrome浏览器操作Bug复现操作过程,...
  • 可以通过后台返回的响应状态码来判断: 一般响应码以4xx开头,如400、403等是前端问题,可能是url地址填错了,或者请求参数有问题; 返回的响应码以5xx开头,如500、503,就是后台的问题
  • 如何区分前后端bug

    千次阅读 2021-08-12 11:40:04
    对于测试工程师而言,区分前后端bug,对于提高改bug效率很重要,前端bug指派给前端工程师,后端bug指派给后端工程师,从而达到忙而有序,事半功倍的效果。 页面请求过程: 用户页面输入某个字段,点击提交按钮 ...
  • 如何定位web前后台的BUG

    万次阅读 多人点赞 2017-05-09 12:13:27
    Server:jsp+Servlet+json 数据库:sql、MySQL、oracle等 前台: 涉及到 jstl,jsp,js,css,htm等方面 后台:servlet,jms,ejb, 还有很多框架,struts,hibernate,spring,ibatis Jsp:分不清前后台的,...
  • 微信小程序-新鲜天气,天气定位,心情天气项目,前后端fresh-weather-master.zip
  • 微信小程序前后端数据交互问题

    千次阅读 2020-03-27 19:43:34
    今天在弄微信小程序后端的时候遇到一个小...小程序前后端传递数据时获取不到相应的数据,在两边的控制台打印的都不是定义好的数据,且小程序控制台提示404 解决方法 修改代码: 小程序某个页面的js文件: 注意he...
  • 打开控制台,我们看到了控制台并没有js错误,但是有向后台发起一个请求,此时还无法有效定位问题到底发生在前端还是后端,但是可以截个图,写上自己的测试过程: 为了进一步定位,可以打开“网络”标签: 定论:...
  • 如何定位web系统或APP前后台Bug

    千次阅读 2019-07-02 09:33:06
    一、定位web系统前后台Bug 前台的bug通常是功能、界面和兼容性等有关。 前台bug定位:按F12在console中查看报错信息,对于出错的js可以在Sources下查看对应报错的资源文件,写入Bug管理工具(禅道)提交给开发即可 ...
  • 前后端分离模式开发总结

    千次阅读 2021-12-15 20:05:11
    前后端分离的核心思想是前端页面通过调用后端的 RESTful API 接口并使用 json 格式数据进行交互。前后端除了数据的传输外,没有太多的联系,所以前后端人员可以独立开发,独立测试,独立部署。
  • 前言--浅谈前后端在我的脑海中一提到前端和后端,基本上第一个...但是前后端分离的初衷是为了分离前后端开发人员的职责,同时解决开发模式的问题。但似乎他们的职责在以前甚至于现在都并不明确,虽然前端是跟浏览...
  • 前后端分离

    千次阅读 2020-11-07 23:35:59
    一、项目有前后端分离和前后端不分离:  在前后端不分离架构中,所有的静态资源和业务代码统一部署在同一台服务器上。服务器接收到浏览器的请求后,进行处理得到数据,然后将数据填充到静态页面中,最终返回给...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 46,503
精华内容 18,601
关键字:

如何定位前后端问题

友情链接: VisualBasic.rar