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 树来显示它

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

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

相关推荐
杨进军21 分钟前
React 创建根节点 createRoot
前端·react.js·前端框架
ModyQyW36 分钟前
用 AI 驱动 wot-design-uni 开发小程序
前端·uni-app
说码解字42 分钟前
Kotlin lazy 委托的底层实现原理
前端
爱分享的程序员1 小时前
前端面试专栏-算法篇:18. 查找算法(二分查找、哈希查找)
前端·javascript·node.js
翻滚吧键盘1 小时前
vue 条件渲染(v-if v-else-if v-else v-show)
前端·javascript·vue.js
vim怎么退出1 小时前
万字长文带你了解微前端架构
前端·微服务·前端框架
你这个年龄怎么睡得着的1 小时前
为什么 JavaScript 中 'str' 不是对象,却能调用方法?
前端·javascript·面试
Java水解1 小时前
前端常用单位em/px/rem/vh/vm到底有什么区别?
前端
CAD老兵2 小时前
Vite 如何借助 esbuild 实现极速 Dev Server 体验,并支持无 source map 的源码调试
前端
南屿im2 小时前
JavaScript 手写实现防抖与节流:优化高频事件处理的利器
前端·javascript