Fiddler抓包工具之高级工具栏中的Inspectors的使用

高级工具栏中的Inspectors的使用

Inspectors 页签允许你用多种不同格式查看每个请求和响应的内容。JPG 格式使用 ImageView 就可以看到图片,HTML/JS/CSS 使用 TextView 可以看到响应的内容。Raw标签可以查看原始的符合http标准的请求和响应头。Cookies标签可以看到请求的cookie和响应的set-cookie头信息

Inspectors 页签分为上下两部分,上部显示的是发出的请求相关信息,下部显示的是接收的响应相关信息。

请求 (Request) 部分

**Headers :**显示客户端发送到服务器的 HTTP 请求的 header,显示为一个分级视图,包含了 Web 客户端信息、Cookie、安全,传输状态等

Textview : 显示 POST 请求的 body 部分为文本

WebForms : 显示请求的 GET 参数 和 POST body 内容,特别说明,这里的QueryString为url后接的内容;这里 body 为是 application/x-www-form-urlen-coded 格式

HexView: 用十六进制数据显示请求

**Auth :**显示 header 中的 Proxy-Authorization 和 Authorization 信息

**Cookies:**显示请求的cookie信息

Raw : 将整个请求显示为纯文本,最原始的格式**(用的较多)**

**JSON:**以json格式展示信息

**XML:**如果请求的 body 是 XML 格式,就是用分级的 XML 树来显示它

响应(Response) 部分

**Transformer :**显示响应的编码信息

有时候返回的数据过大,会对数据做编码或者压缩(例如 GZIP),需要转换后才能在 TextView 里正常浏览。点击该区域或者下面的 Remove HTTP Chunked Encoding 按钮,都能执行转换或者解压缩。如果该请求没编码/压缩是看不见此提示的。

HTTP Compression 显示当前请求使用的编码方式,这里没有压缩,所以显示为None

**Headers :**显示响应的 header

TextView : 使用文本显示相应的 body

**ImageVies :**如果请求是图片资源,显示响应的图片

左侧区域会显示图片的大小、宽高、文件格式等信息

在下方还可以选择缩放模式:自动缩放、缩放以适应显示区域大小、无缩放

HexView : 用十六进制数据显示响应

**WebView :**响应在 Web 浏览器中的预览效果

**Auth:**显示响应 header 中的 Proxy-Authorization 和 Authorization 信息

Caching : 显示此请求的缓存信息

**Cookies:**显示返回的cookie信息

Raw : 将整个响应显示为纯文本

**JSON:**返回的响应内容如果是一个json格式的,这里会显示

**XML:**如果相应的 body 是 XML 格式,就是用分级的 XML 树来显示它

最后感谢每一个认真阅读我文章的人,礼尚往来总是要有的,虽然不是什么很值钱的东西,如果你用得到的话可以直接拿走:

这些资料,对于【软件测试】的朋友来说应该是最全面最完整的备战仓库,这个仓库也陪伴上万个测试工程师们走过最艰难的路程,希望也能帮助到你!

相关推荐
定栓1 天前
Typescript入门-JSDoc注释及tsconfig讲解
前端·javascript·typescript
AJi1 天前
EGL使用记录
前端·opengl
法欧特斯卡雷特1 天前
Kotlin 2.2.20 现已发布!下个版本的特性抢先看!
android·前端·后端
小意恩1 天前
el-table表头做过滤
前端·javascript·vue.js
小桥风满袖1 天前
极简三分钟ES6 - 迭代器Iterator
前端·javascript
小菜全1 天前
ElementUI 组件概览
前端·vue.js·elementui
JarvanMo1 天前
提升生产力:每个 iOS 开发者都应该知道的 10 个 Xcode 技巧
前端
刀客1231 天前
测试之道:从新手到专家实战(四)
python·功能测试·程序人生·测试用例·集成测试·学习方法·安全性测试
玲小珑1 天前
LangChain.js 完全开发手册(七)RAG(检索增强生成)架构设计与实现
前端·langchain·ai编程
前端小巷子1 天前
原生 JS 打造三级联动
前端·javascript·面试