Fiddler（四） Inspectors详解

已于 2022-03-21 14:40:54 修改
阅读量2.9k 收藏 12
点赞数 4
分类专栏： Fiddler/Charles 文章标签： fiddler
于 2022-03-21 13:50:34 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42382016/article/details/123630039
版权

Inspectors介绍

Inspectors的意思就是检查器,检查接口的一些信息,其中包括响应信息跟返回信息

大家都知道一个http请求都包含什么.请求头/请求行/请求正文,响应头/响应行/响应正文

那么Inspectors就可以帮助我们查看到接口的请求以及返回结果

工具栏介绍

请求信息

名称定义
Headers显示客户端发送到服务器的 HTTP 请求的 header，显示为一个分级视图，包括Cookie、设备信息
TextView显示 POST 请求的 body 部分为文本
Syntaxview为Textview的加强版，查看语法高亮的请求内容。加上了行数标识，鼠标右键的菜单中，相较Textview多了一些功能，如Json、XML格式化，查找替换等
WebForms显示请求的 GET 参数 和 POST body 内容。特别说明，这里 body 应该是 application/x-www-form-urlen-coded 格式
HexView用十六进制数据显示请求
Authheader 中的 Proxy-Authorization 和 Authorization 信息
Cookies请求发送的cookies信息
Raw将整个请求显示为纯文本
JSON将整个请求显示为纯文本
XML如果请求的 body 是 XML 格式，就是用分级的 XML 树来显示它

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

响应信息

名称定义
Transformer显示响应的编码信息
Headers显示响应的 header
TextView使用文本显示相应的 body
Syntaxview为Textview的加强版，查看语法高亮的请求内容。加上了行数标识，鼠标右键的菜单中，相较Textview多了一些功能，如Json、XML格式化，查找替换等
ImageView如果请求是图片资源，显示响应的图片。左侧灰色区域会显示图片的大小、宽高、文件格式等信息，在下方还可以选择缩放模式：Autoshrink（自动缩放）、Scale to fit（缩放以适应显示区域大小）、No Scaling（无缩放）
HexView用十六进制数据显示响应
WebView响应在 Web 浏览器中的预览效果
Auth显示响应 header 中的 Proxy-Authorization 和 Authorization 信息
Caching显示此请求的缓存信息
Cookies显示此请求的cookies信息，私密 P3P Header 信息
Raw将整个响应显示为纯文本
JSON如果请求的 body 是 Json 格式，就是用分级的 Json 来显示它
XML如果响应的 body 是 XML 格式，就是用分级的 XML 树来显示它
Privacy显示此请求的私密 (P3P) 信息
Headers显示响应的 header

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

获取请求信息

下面给大家举一个小例子

抓取商城登录接口信息

示例网站：（接口、ui、或者其他测试均可使用）

http://shop.aircheng.com/

方法一：使用开发者工具

在浏览器端打开F12，然后点击登录接口，也可以获取到相应数据
在这里插入图片描述

方法二：Fiddler抓包

1.查看请求方法

在这里插入图片描述

2.根据TextView查看文本信息

在这里插入图片描述

3.查看表单信息

在这里插入图片描述

4.Auth查看token

在这里插入图片描述

5.查看Cookies

在这里插入图片描述

6.查看Raw

在这里插入图片描述

7.Json

在这里插入图片描述

获取响应信息

方法一：使用开发者工具

点击指定接口，然后点击响应信息即可查看
在这里插入图片描述

方法二：Fiddler抓包

2.查看Headers

在这里插入图片描述

3.TextVIew

在这里插入图片描述

4.Syntaxview

在这里插入图片描述

5. ImageView

在这里插入图片描述

6.HexView

在这里插入图片描述

7.WebView

在这里插入图片描述

8.Auth

在这里插入图片描述

9.Caching

在这里插入图片描述

10.Cookies

在这里插入图片描述

11.Raw

在这里插入图片描述

11.Json

在这里插入图片描述

12.XMl

在这里插入图片描述

总结

在日常的测试过程当作，我们主要观察的是请求的入参跟返回的出参，对比其数据的准确性，博主主要看的几个参数是请求数据当中的Raw、WebForms、Headers当然这都是结合日常工作进行查看。返回主要也是看Headers、Raw、Json模块，根据接口文档核对返回数据，并验证数据库数据的一致性

罐装七喜
关注
  • 4
    点赞
  • 踩
  • 12
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
Fiddler抓包工具详解
悦分享
10-30 1988
HTTP协议是Hyper Text Transfer Protocol（超文本传输协议）的缩写,是用于从万维网（WWW:World Wide Web ）服务器传输超文本到本地浏览器的传送协议。HTTP（HyperText Transfer Protocol）协议是基于TCP的应用层协议，它不关心数据传输的细节，主要是用来规定客户端和服务端的数据传输格式，最初是用来向客户端传输HTML页面的内容。默认端口是80 3.http（超文本传输协议）是一个基于请求与响应模式的、无状态的、应用层的协议HTTP请求报文主
Fiddler详解-Fiddler Classic
bsegebr的博客
03-03 584
Fiddler和Charles一样，都是网络封包截取工具。可以利用Fiddler抓取web端、移动端与服务器之前的接口请求，测试人员可以根据请求数据快速地定位出软件出现bug的原因（是前端处理数据不当还是后端提供的接口数据有问题），研发也可以根据Fiddler抓取到的信息对软件产品进行调试。 Fiddler安装 一般我们选择下载可免费使用的Fiddler Classic，Fiddler Everywhere虽然是Fiddler Classic的升级版，其功能上的优化并不是很大，只是在使用性上会比经典版更加便
Fiddler工具inspectors
Ronnie的博客
08-15 1329
inspectors即数据分析 此页面主要显示请求的请求组成和响应组成信息。 1.Textview —— 显示 POST 请求的 body 部分为文本 2.WebForms —— 显示请求的 GET 参数 和 POST body 内容，特别说明，这里 body 应该是 application/x-www-form-urlen-coded 格式 3.HexView —— 用十六进制数据显示请求 4...
Fiddler 里面的 Headers, TextView
qq_38192709的博客
06-28 2804
记录一下 Fiddler 里面的神神奇奇的东西 1： Headers —— 显示客户端发送到服务器的 HTTP 请求的 header，显示为一个分级视图，包含了 Web 客户端信息、Cookie、传输状态等。 2： Textview —— 显示 POST 请求的 body 部分为文本。 3： WebForms —— 显示请求的 GET 参数 和 POST body 内容。 4： HexView —— 用十六进制数据显示请求。 5： Auth —— 显示响应 header 中的 Proxy-Authori
Fiddler工具 — Fiddler检查器（Inspectors）详解
公众号【伤心的辣条】资料领取~
06-11 1522
Inspectors意思是检查器。Inspectors可以使用多种方式，查看请求的请求报文和响应报文相关信息。 Inspectors页签分为上下两部分，上部显示的是所发出请求的相关信息，下部显示的是所接收对应响应的相关信息。 所在位置，如下图所示： 1、请求报文内容 Inspectors面板中请求报文部分，如下图： 请求报文中各标签含义说明： 2、响应报文内容 Inspectors面板中响应报文部分，如下图： 响应报文中各标签含义说明： 提示：P3P是一种标准，使Internet冲浪者可以选择.
Fiddler的Inspectors（数据分析）
mmhyy123的博客
03-30 1744
Fiddler最常用的部分Inspector（数据分析），它由两部分组成，一部分是请求，一部分的响1、Headers 　　显示头信息，上半部分显示请求的头信息；下半部分显示响应的头信息 　1.Headers header部分知识可以百度Fiddler的header，其中cookie最为重要 显示头信息，上半部分显示请求的头信息；下半部分显示响应的头信息 　　 　2.不同显示方式，需要根据请求的不同...
Fiddler之inspector检查器
liwen0042的博客
02-14 816
Inspector的作用就是用来多种形式的查看请求的信息的，包括请求报文和响应报文。 一、请求报文 headers是以层级和分类的形式显示。
Fiddler抓包工具之Inspectors详解
08-18 365
Fiddler页签允许你用多种不同格式查看每个请求和响应的内容。JPG 格式使用 ImageView 就可以看到图片，HTML/JS/CSS 使用 TextView 可以看到响应的内容。Inspectors 页签分为上下两部分，上面显示的是发出的请求相关信息，下面显示的是接收的响应相关信息。1、Headers -- 显示客户端发送到服务器的 HTTP 请求的 header，显示为一个分级视图，包含了 Web 客户端信息、Cookie、传输状态等。
Fiddler 工具使用详解
如果没有梦想，那跟咸鱼有什么分别
08-25 772
Fiddler 工具使用 Fiddler 简介 Fiddler是非常强大且好用的Web调试工具之一， 它能记录所有客户端和服务器的http和https请求。允许你监视、设置断点、甚至修改输入输出数据。你对HTTP 协议越了解，你就能越掌握Fiddler的使用方法。你越使用Fiddler，就越能帮助你了解HTTP协议。Fiddler无论对开发人员或者测试人员来说，都是非常有用的工具。 Fiddler的官方网站: https://www.telerik.com/fiddler Fiddler 的工作原理 代
Fiddler入门使用
05-10
功能详解** - **Inspectors选项卡**：展示HTTP(S)请求和响应的详细信息，"Raw"视图可以查看原始的请求和响应内容。 - **Composer选项卡**：用于创建自定义HTTP请求，可以编辑URL、方法、头信息和请求体，然后发送给...
抓包工具，Fiddler查看网络请求
11-09
抓包工具，Fiddler查看网络请求。Fiddler是一个http协议调试代理工具,它能够记录并检查所有你的电脑和互联网之间的http通讯,设置断点,查看所有的“进出”Fiddler的数据
fiddler的简单介绍inspectors
菜鸟也要有一种修养
12-13 8167
  一.inspectors-Raw： 此图为post请求的接口信息（上边部分为request请求，下半部分为response响应） post请求分为4部分图中绿色框的1234.  第一部分为请求的url地址  第二部分为请求的host地址  第三部分为请求的headers头文件（具体信息已在图中标出）     x-requested-with:xmlhttprequest    ...
Fiddler-5-Inspectors页签（常用）
karry_孙二的博客
05-13 1140
Inspectors Inspectors 页签允许你用多种不同格式查看每个请求和响应的内容。JPG 格式使用 ImageView 就可以看到图片，HTML/JS/CSS 使用 TextView 可以看到响应的内容。Raw标签可以查看原始的符合http标准的请求和响应头。Cookies标签可以看到请求的cookie和响应的set-cookie头信息 Inspectors 页签分为上下两部分，上...
Fiddler抓包工具之高级工具栏中的Inspectors的使用
最新发布
2301_80119579的博客
04-17 857
发送到服务器的 HTTP 请求的 header，显示为一个分级视图，包含了 Web 客户端信息、Cookie、安全，传输状态等。Inspectors 页签分为上下两部分，上部显示的是发出的请求相关信息，下部显示的是接收的响应相关信息。显示请求的 GET 参数 和 POST body 内容，特别说明，这里的。如果请求的 body 是 XML 格式，就是用分级的 XML 树来显示它。如果相应的 body 是 XML 格式，就是用分级的 XML 树来显示它。返回的响应内容如果是一个json格式的，这里会显示。
Fiddler中inspector的用法2-1
hou09tian的博客
08-23 1072
在之前提到，inspector用来显示界面左侧抓取到的数据列表中选定数据的请求和响应。当打开inspector之后，可以看到它的界面分为上下两部分，其中上面部分是请求数据的inspector，下面是响应数据的inspector。这两部分之间有一条很细的蓝色分割线，如图3所示，将鼠标放在该分割线上，鼠标形状发生变化，此时可以拖动鼠标来改变这两部分的大小，鼠标双击该分割线可以使得响应inspector最大化，再次双击该分割线，界面恢复原状。图3 分割线。
Fiddler之Composer、Inspectors、AutoResponder、Filter、Statistics
qq_40309403的博客
03-10 2840
https://www.cnblogs.com/woaixuexi9999/p/9247705.html
【工具篇】Fiddler的使用
小朱的博客
09-22 1901
Fiddler是一个抓包工具。其实抓包工具在chrome浏览器也有，通常按F12 之后，然后有一个 Network的功能选项，下面就是抓包的面板，这个面板有两个部分，左边就是一条一条的 URL ，右边就是点击每个 URL 之后显示的详细信息。但是浏览器它是毕竟是用来浏览网页的，抓包工具有是有，就是功能不是太强大，也不是一个专门的工具。所以Fiddler是一个专门的一个抓包工具。Fiddler到底是什么？
Fiddler抓包：textview中加密数据解密
qq_43943066的博客
10-14 3221
有时抓取的数据包没有数据，显示内容如下 导致数据没有显示出来的原因是没有将Decode勾选上
Fiddler抓包 Response textview 乱码解决
a736755244的博客
12-25 3285
Fiddler抓包 Response textview 乱码问题解决
fiddler工具中inspectors
04-08
b'fiddler工具中的inspectors' 是指fiddler工具中用来查看和编辑请求和响应的各种面板和选项卡。这些面板包括请求和响应头、请求体和响应体等，在这些面板中我们可以查看HTTP请求的详细信息，例如请求头中的User-...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

罐装七喜

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值