要调试或优化 Web 应用，可以借助浏览器自带的开发者工具或安装浏览器插件，也可以通过一些代理工具如 Fiddler、Charles 抓包数据来调试优化。这些代理工具也可以对桌面及手机应用抓包，其中 Fiddler 还是免费的。不仅测试喜欢用它，相信做 Native App 开发的同学们也青睐它。如果您在做 Html5 开发，如果你想研究一款 App 的数据请求，极力推荐一定要试一试 Fiddler。
Fiddler 是一个 http 协议调试代理工具，它能够记录并检查所有你的电脑和互联网之间的 http 通讯，设置断点，查看所有的进出 Fiddler 的数据。 Fiddler 要比其他的网络调试器要更加简单，因为它不仅仅暴露 http 通讯还提供了一个用户友好的格式。
Fiddler 安装后，设置的默认端口为 8888，当 Fiddler 启动后，默认将 IE 的自动代理设为了 127.0.0.1:8888，而其他如火狐浏览器需要手动设置代理后才可以抓包。设置内容如图：
选项面板设置
首先，打开安装好的软件：选择 Tools -> Options -> Connection 进行设置，勾选 Allow remote computer to connect：
手机端代理设置
保证手机和电脑都处于同一个网络，打开手机 WiFi 设置：
点击进入后进行手机代理设置，设置服务器为本机 ip，端口为 Fiddler 的默认端口 8888
好了，在手机上打开浏览器访问 Web 页面或直接打开手机 App 都可以在 Fiddler 左侧看到抓包数据。
本文基于 Fiddler4 讲解基本使用，主要面向移动端，文中所介绍功能基本可以满足移动端开发调试。Fiddler 功能强大不止于此，请自行研究。
评论 (0)