在有chrome浏览器这么好用的情况下，为什么还要用抓包工具。

如果是想看网页加载的数据，chrome的network就足够了。各种类型的数据都可以看到，对于json，还可查看数状结构：

但有几种情况，比如手机端网页调试，在真实的手机环境下，是没有开发者工具的。其中的数据如何传输，就不得而知了。

另外，对于app内嵌的网页，数据只能在服务端打印。前端看不到数据。

这两种情况都可用抓包工具解决。window环境下的fiddler，mac下的charles。

尝试在mac下安装mac版的fiddler,安装很复杂，最后还用不了。。。

调试手机网页时，对WLAN设置代理，代理的地址，端口设置为电脑的地址，端口。就能在这台电脑的抓包工具上查看网页请求的全过程了：

上面是电脑charles显示手机请求百度的过程。

注意，手机WLAN设置代理后，如果电脑抓包软件关闭，将不能上网。

 360NS4手机设置代理：

 

 

上面的主机名与代理服务器端口都是电脑这边的。8888是charlse的默认端口，10.10.1.45是电脑的内网IP。

抓包对于调试、测试非常重要。有了这个工具，可以对手机上app的请求，响应获取数据。