web调试代理工具：Whistle和Proxy SwitchyOmega

Whistle和Proxy SwitchyOmega可以解决处理的问题

1.前后端联调数据抓包 （node ssr渲染时浏览器无法抓包）；
2.处理跨越问题；

Whistle

基于Node实现的跨平台web调试代理工具，类似的工具有Windows平台上的Fiddler，

主要用于查看、修改HTTP、HTTPS、Websocket的请求、响应，也可以作为HTTP代理服务器使用，

whistle采用的是类似配置系统hosts的方式，一切操作都可以通过配置实现，

支持域名、路径、正则表达式、通配符、通配路径等多种匹配方式，且可以通过Node模块扩展功能。

Whistle官网： 

http://wproxy.org/whistle/

快速安装:

sudo npm install -g whistle

关闭命令：

w2 stop

重启命令：

w2 restart

whistle默认端口是8899，修改端口号命令：

w2 start -p 8008

帮助命令：

w2 help

Proxy SwitchyOmega

Proxy SwitchyOmega，也叫做SwitchyOmega，是一款在 Google Chrome 浏览器（谷歌浏览器）上的一个代理扩展程序，可以轻松快捷地管理和切换多个代理设置。

Proxy SwitchyOmega可以对不同的网站分别使用不同的代理规则，大多数情况下用于配合海外HTTP代理，实现仅代理可访问的网站，从而实现最优的速度。

它所实现的效果和 PAC 代理一致，但是给用户提供了更简单易用的交互界面，从而可以定制适用于自己的规则。

需要在谷歌商店下载： 

https://chrome.google.com/webstore/detail/padekgcemlokbadohgkifijomclgjgif

ps:

国内现在是访问不了的，需要vpn、翻墙等代理操作，

有兴趣的可以自行研究