Whistle Web Debugging Proxy先容及使用
https://img-blog.csdnimg.cn/direct/56a43f5e04914646837ca1f5dd1c90f1.png各人好，本日继续给各人分享一款抓包工具，这款抓包工具是网页的形式，方便多人访问同时维护。Whistle Web Debugging Proxy是一个用于HTTP、HTTPS、WebSocket等网络协议的跨平台调试工具。它可以资助开发者对网络请求进行捕获、分析、修改和重定向等操作，从而提高调试效率。
一、代理设置
要使Whistle能够捕获HTTP和HTTPS请求，首先必要为设备设置代理。以下是部分常见设备的代理设置方法：
iOS设备:
在“设置” -> “无线局域网” -> “当前连接的Wi-Fi网络” -> “配置代理”中设置代理服务器地址和端口。
Android设备:
在“设置” -> “网络和互联网” -> “Wi-Fi” -> “当前连接的Wi-Fi网络” -> “修改网络” -> “高级选项” -> “代理”中设置代理服务器地址和端口。
Windows:
在“Internet选项” -> “连接” -> “局域网设置”中设置代理服务器地址和端口。
MacOS:
在“系统偏好设置” -> “网络” -> “高级” -> “代理”中设置代理服务器地址和端口。
注意：
假如捕获的协议为https，必要安装证书。
https://img-blog.csdnimg.cn/direct/171cf037f0164da79d65d5b79f8d1219.png
点击上方“HTTPS”，出现二维码，手机扫描二维码下载证书并安装即可。
二、使用Web界面
打开浏览器访问http://127.0.0.1:8899即可进入Whistle的Web界面。在此界面上，可以检察捕获到的请求、设置过滤规则、修改请求与相应以及配置自界说规则等。
https://img-blog.csdnimg.cn/direct/8ce5043360844029868681369da6c983.png
三、基本功能
1、捕获请求
Whistle会自动捕获通过代理的所有HTTP和HTTPS请求。在Web界面的“Network”标签页中，可以检察到捕获到的请求列表。点击某个请求，可以检察请求和相应的详细信息，包罗URL、方法、头部、内容等。
https://img-blog.csdnimg.cn/direct/c3a855a15e4543568ca97c0f688e30e4.png
2、过滤请求
在捕获大量请求时，可能渴望只检察特定范例的请求。Whistle提供了灵活的过滤功能，可以根据URL、方法、状态码等条件过滤请求。
在Web界面的“Network”标签页底部，有一个过滤器输入框。输入过滤条件后，按Enter键应用过滤器。支持的过滤条件包罗：
url:xxx：过滤URL包罗xxx的请求
method:GET：过滤方法为GET的请求
statusCode:200：过滤状态码为200的请求
contentType:json：过滤相应内容范例为JSON的请求
https://img-blog.csdnimg.cn/direct/8b13c3eb3b164700a9d9ec8a9a58b5b2.png
3、修改请求与相应
Whistle允许对请求和相应进行及时修改。在“Network”标签页中，选择一个请求，点击“Composer”标签，即可对请求进行编辑。编辑完成后，点击“Send”按钮发送修改后的请求。
同样，你也可以修改相应内容。在“Network”标签页中，选择一个请求，点击“Response”标签，在“Body”地区对相应内容进行编辑。编辑完成后，点击“Save”按钮保存修改。
4、重定向请求
Whistle可以将请求重定向到其他URL或本地文件。在Web界面的“Rules”标签页中，添加一条重定向规则，格式如下：
原始URL 重定向目标
比方，将http://example.com/test.js重定向到本地文件/path/to/local/test.js：
http://example.com/test.js file:///path/to/local/test.js
https://img-blog.csdnimg.cn/direct/7b213c8ce4564e0ab7fac99569cfcdbc.png
5、自界说规则
Whistle提供了丰富的自界说规则功能，可以满足各种复杂场景下的调试需求。在Web界面的“Rules”标签页中，你可以编写自界说规则。
以下是一些常见的自界说规则：
更换请求头：reqHeaderValue://headerName=value
更换相应头：resHeaderValue://headerName=value
更换请求参数：reqQueryValue://paramName=value
更换请求体：reqBody://content
更换相应状态码：statusCode://code
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。
页:
[1]