windows下抓包工具whistle的安装与使用

1、简介

whistle是一款基于Node的跨平台web调试代理工具。主要用于查看、修改HTTP、HTTPS、Websocket的请求、响应，也可做为HTTP代理服务器使用。
在调试移动端项目时，咱们没法像在Chrome开发工具下那样看到请求、日志、DOM结构等。固然，使用vConsole能够解决以上问题，不能否认vConsole能知足移动端调试的大多数场景，而且十分便利。可是vConsole必需要做为一款插件注入项目代码中，这就有了局限性。whistle相比之下就没有限制。whistle的功能十分强大，本文只介绍安装入门。

2、安装

1. 安装Node。（再也不介绍）
2. 安装whistle。

   npm install -g whistle

3. 启动whistle
   w2 start
4. 配置代理
   推荐安装Chrome代理插件SwitchyOmega。
   第一种安装方式是经过FQ。
   第二种安装方式是安装谷歌访问助手，有了谷歌访问助手即可以在谷歌商店下载软件以及使用google搜索引擎。安装完成SwitchyOmega以后，配置代理。官网介绍很是详细。
   移动端调试时，移动设备要与PC在同一WiFi下，而且要给移动设备网络配置代理，代理服务器是PC的IP地址，端口号为PC上代理服务器配置的端口号
5. 访问 配置页面
   域名访问http://local.whistlejs.com/，或者IP+端口访http://127.0.0.1:8899/
6. HTTPS证书安装
   首先是windows下安装根证书，而后移动设备(以ios为例)在代理网络环境下，Safari地址栏输入rootca.pro，安装完成以后须要手动信任根证书。设置-通用-关于本机-证书信任设置下设置信任根证书。
   在 配置页面 导航栏的HTTPS选项中，勾选Capture HTTPS CONNECTs，便可抓取HTTPS请求。而后在移动设备访问页面时，便可在 配置页面 的Network中看到请求。

PS:本文只是对安装入门作了粗略总结，对部分注意细节进行阐述。关于whistle更详细介绍、更多的功能请移步官网。