使用Fiddler定位前后端问题

最新推荐文章于 2024-06-08 15:33:21 发布
最新推荐文章于 2024-06-08 15:33:21 发布
阅读量2.9k 收藏 15
点赞数 1
分类专栏： Fiddler 文章标签： fiddler 前端 测试工具
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37515374/article/details/128596311
版权

以百度搜索为例：

1、打开Fiddler，设置过滤条件
2、打开浏览器，输入网址，抓包工具会开始读取（如果会话列表有数据记得清屏）
3、操作界面，查看会话列表
4、双击会话列表对应的数据包，查看接口数据返回值是否与预期结果一致，如果数据不一致则为后端bug，如果数据一致，而前台显示不一致，则为前端bug

在这里插入图片描述在这里插入图片描述

海人_IOes
关注
  • 1
    点赞
  • 踩
  • 15
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
fiddler 定位前后端bug，模拟弱网
但行前路，无问东西
06-25 382
定位前后端bug 第一种情况：fiddler 在没有设置过过滤器的情况下面没有抓到请求信息，可能是前端页面元素没有绑定事件，也有可能是前端发生了JS 错误，这就是前端的bug 。 第二种情况：若抓取到的请求返回的结果错误，我们要确认一下，是否是前端传输的数据是错的，是的话就是前端的bug ，如果确定传值是正确的话，那就是后端的bug 。 第三种情况：若抓取到的请求返回值中间的http 的状态码是500的话，说明是后端服务器一般的内部错误，那这就是后端的bug 。 第四种情况：若抓取到的请求返回值中间
fiddler如何定位前后端问题（面试常问）
LangXJ666的博客
06-19 1322
使用 Fiddler 可以查看请求头中的信息，比如 Cookie、User-Agent、Referer 等，根据请求头信息可以判断请求的来源和类型，并帮助判断是否符合预期。如果请求头或请求体错误，可以根据 Fiddler 提供的错误信息进行排查。使用 Fiddler 可以捕获 HTTP 请求的时间、大小和耗时等信息，帮助定位网络请求性能问题，如请求延迟过长或请求体过大等问题。总之，在排查前后端问题时，我们需要综合利用多种排查手段，从报错信息、请求数据、网络请求等多方面综合分析，才能比较准确地判断问题所在。
如何定位问题判断前后端bug
最新发布
weixin_46162002的博客
06-08 73
首先使用抓包工具，比如fiddler或charles，看有没有请求，如果没有请求或者请求有问题，那就是前端有问题。如果后端响了并且数据与接口文档对照应没有问题，那可能就是前端展示的问题。具体分析报错的内容，如果是前端传参导致的，那还是前端问题。如果前端没有问题，那就看返回的数据是不是有错误。如果传参正确，后端响应有问题，那就是后端的问题。
Fiddler如何定位bug是前后端的问题
weixin_52874247的博客
08-29 915
看下面的接口有没有写要提示的字，如果写了，那就是前端的问题；如果没写，就是后端的问题。看Raw里面相应的文本信息，如果有信息，那就是前端的问题；如果没有，就是后端的问题。2、出现的问题：如果点击某个按钮会有提示，但是没显示这个提示。
fiddler抓包，怎么判断是前端问题还是后端问题
m0_65992358的博客
04-20 6803
可以通过后台返回的响应状态码来判断： 一般响应码以4xx开头，如400、403等是前端问题，可能是url地址填错了，或者请求参数有问题； 返回的响应码以5xx开头，如500、503，就是后台的问题。
fiddler抓包工具入门到入职之如何精准的定位前后端的bug
测试逍遥子的博客
04-24 1332
在前面的回答中，我们介绍了如何使用Fiddler工具进行前后端Bug的定位，并且提到了可以使用Python代码来实现自动化测试和请求修改等功能。上述代码中的OnBeforeRequest和OnBeforeResponse方法分别处理HTTP请求和响应，并输出一些简单的信息，可以根据具体的需求进行修改。通过该代码可以监听请求和响应，并对其进行处理，以便进行前后端Bug的定位。综上所述，通过Fiddler和Python的结合，可以快速定位前后端的Bug，并实现自动化测试和请求修改等功能，以提高测试效率和质量。
巧用浏览器F12调试器定位系统前后端bug
weixin_30859423的博客
11-01 1955
做测试的小伙伴可能用过httpwatch，firebug，fiddler，charles等抓包（数据包）工具，但实际上除了这些还有一个简单实用并的抓包工具，那就是浏览器的F12调试器。 httpwatch，firebug都是浏览器的插件，需要额外下载，fiddler，charles也需要额外下载安装包另行安装，但是浏览器F12调试器却是所有浏览器内置的调试器，不需要大家额外去安装的，打开它只是一...
Fiddler入门使用
05-10
【Fiddler入门使用】 Fiddler是一款强大的网络封包分析工具，专用于捕获、监控和调试HTTP(S)协议的交互数据。无论是对于Web端还是移动端...熟悉并掌握Fiddler的使用，对于提升工作效率和问题排查能力有着显著的帮助。
Fiddler——如何使用Fiddler
03-31
Fiddler——如何使用FiddlerFiddler——如何使用Fiddler； Fiddler——如何使用FiddlerFiddler——如何使用FiddlerFiddler——如何使用FiddlerFiddler——如何使用FiddlerFiddler——如何使用Fiddler Fiddler——...
fiddler安装包+fiddler使用
05-12
**Fiddler是一款强大的网络封包分析工具，广泛应用于前端开发、测试...通过学习，你将能够更有效地定位和解决问题，提升你的工作效率和质量。记得经常查阅"Fiddler文档"，它是你在使用Fiddler过程中的重要参考资料。
Fiddler的使用.ppt
04-02
全网最好的Fiddler培训PPT
总结我的思路_如何在验证中发现和定位Bug
12-28
海思一名验证牛人写的验证总结，个人感觉写得还行，当然，里面一些比较偏激的观点可以不采纳。这篇文章可以作为IC初从业人员的参考文档。
使用fiddler下载低版本ios应用
04-13
使用fiddler下载低版本ios应用
然后通过fiddler 定位前后端bug
MJ_user的博客
06-09 1万+
fiddler 是我们在测试中常用的抓包工具。那我们一般使用fiddler 工具来抓取请求信息来进行分析，一般有以下几种情况： 第一种情况：fiddler 在没有设置过过滤器的情况下面没有抓到请求信息，可能是前端页面元素没有绑定事件，也有可能是前端发生了JS 错误，这就是前端的bug 。 第二种情况：若抓取到的请求返回的结果错误，我们要确认一下，是否是前端传输的数据是错的，是的话就是前端的bug ，如果确定传值是正确的话，那就是后端的bug 。 第三种情况：若抓取到的请求返回值中间的http 的状态码是50
使用fiddler工具进行前后端连调：将本地网页放到某个域下
hyr_ii的博客
12-21 2358
fiddler学习相关链接慕课网（搜索框）：http://www.imooc.com/video/263慕课网（fiddler）：http://www.imooc.com/learn/37在学习搜索框制作的过程中，遇到一个拦路虎：我需要将本地网页放到某个域下（这里用到的是微软的bing搜索）。做事呢，要讲究循序渐进，要有目标，才有努力的方向。所以呢，我们先要幻想一下最终的结果应该是什么样的。然后再朝
软件测试过程中，如何判断一个bug归属于前端还是后台？
DAYTOYdxz的博客
11-27 1287
前端是用户看得见摸得着的东西，主要体现在页面的视觉效果以及交互设计上。比如说一个网站的页面风格、页面跳转等，最简单的例子就是一个注册界面：前端设计界面风格，约束输入的字符类型、长度以及合法性校验等，不涉及到与数据库之间的信息交流。 后台，则侧重于更深层面的东西，关于逻辑，关于数据，关于平台的稳定性与性能。后台主要负责实现具体的功能，举个例子，还是那个注册界面，前端写好了界面，规定了你能输入哪些数据，不能输入哪些数据，而后台则会把你输入的信息与数据库进行比对，如果是新用户，则顺势在数据库中插入一条信息。
如何定位web前后台的BUG
热门推荐
blinking_star的博客
05-09 1万+
 一、对系统整体的了解 Server端：jsp+Servlet+json 数据库：sql、MySQL、oracle等 前台： 涉及到 jstl，jsp，js，css，htm等方面 后台：servlet，jms，ejb， 还有很多框架，struts，hibernate，spring，ibatis Jsp：分不清前后台的，因为这里涉及到一个运行时刻的问题，它们的运行时刻是不同。  
如何判断前后端bug？
一只麻雀
06-21 3107
知识永远学不完，但多懂一点知识就会让生活更轻松一点！ 又是元气满满的一天呐 如何判断前后端bug？ BUG，其实就是软件期望的行为与实际行为的差异。从程序的角度来看，在软件整个生命周期中都会有bug的出现。 ①需求分析过程中，需求理解的不足，导致的理解错位 ，遗漏甚至变化都可能导致bug； ②设计本身有好坏之分，但是bug本身还是比较隐晦，不是那么明显。 ③编码阶段，也会有理解错误，语言特性，第三方库框架，等等导致的bug. ④后期打包，部署，运维也会产生 bug，打包的错误，配置错误，以及环境的错位。 *
如何判断bug是前端bug还是后端bug
weixin_39074559的博客
09-08 2112
如果日志有相关信息产生，可以进一步分析日志是否有报错信息，如果有报错信息，则为后端bug;如果前端发出了请求，参数正确，后端返回的数据也正确，但是界面显示不对，则是前端bug；如果前端发出了请求，参数正确，后端没有相应，没有数据，则是后端bug;界面显示类问题：如文字大小不一，控件颜色不搭，控件不整齐，静态界面错误；如果前端发出了请求，参数正确，后端返回的数据不正确，则是后端bug；如果前端发出了请求，但是参数不对，则是前端bug;页面交互类问题：没有点击，拖拽，基本都是JS的问题；
定位前后端bug实战
07-28
定位前后端bug的实战方法可以按照以下步骤进行： 1. 首先，查看页面：检查页面上的文字、样式、交互和兼容性等方面是否存在问题。如果存在问题，这些属于前端bug。\[3\] 2. 如果页面没有问题，接下来查看接口：检查是否有请求接口的问题，比如请求接口的URL是否正确。如果接口请求有问题，这属于前端bug。\[3\] 3. 如果接口请求没有问题，继续查看传参：检查接口的传参是否正确。如果传参有问题，这也属于前端bug。\[3\] 4. 如果传参没有问题，再看响应：检查接口返回的数据是否正确或者是否有返回数据。如果返回数据有问题，这属于后端的bug。\[2\] 5. 如果以上步骤都没有发现问题，可以进一步分析是否是前后端某个业务逻辑出现错误。可以与数据库中的数据进行对比，检查数据库是否有数据或者数据存储是否正确。如果数据库有问题，这也属于前后端的bug。\[2\] 通过以上步骤，可以逐步定位和分析前后端bug，并根据具体情况采取相应的解决措施。这样的定位分析方法可以提高测试效率，减少沟通成本，并帮助测试工程师积累经验。\[1\] #### 引用[.reference_title] - *1* *2* *3* [day06：如何定位分析前后端bug（详细版）](https://blog.csdn.net/weixin_48554023/article/details/127907188)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值