概述
以前听别人说抓包抓包的，听起来很神秘高大上的样子，想入门又不知道从何学起。今天偶然在工作中遇到了以下2个需求：
- 改线上的代码，特别是PC端js代码。
- 写了一个移动端页面，由于跨域，改了host地址，把ip地址映射为另一个地址，导致不能在手机端直接用ip地址+端口访问。
借着实现这2个需求的机会，我学习了一下fiddler4抓包，并且写下心得，供以后开发时参考，相信对其他人也有用。
fiddler4介绍
之前用charles抓包，总是有一些不能解决的问题，现在用fiddler4抓包，完美满足需求。
fiddler4是免费的，下载地址：fiddler4官网
注意：安装之后一定要用管理员身份打开fiddler4，否则可能抓不到包。
改线上的代码
参考这篇博文：fiddler修改线上的内容
首先打开fiddler右侧栏，选择 AutoResponder按钮，然后把下面的三个选项勾选上。
- Enable rules
- Unmatched requests passthrough
- Enable latency
然后点击Add Rule，在下面输入你想“屏蔽”的url，并且点击下拉框，替换为本地文件，再点击save即可。
最后刷新网页，fiddler就会拦截这个url，并且把它替换为你输入的本地文件。
一般来说，如果想改动线上的html和css，那么可以直接在开发者工具里面调试。但是如果要改js，或者大范围的改动html和css，就可以用上面的方法，拦截要改动文件的url，替换为你本地的文件，很方便。
手机抓包
为了实现第二个需求，需要进行手机抓包，具体流程可以参考：Fiddler4入门——手机抓包
首先启动Fiddler，打开菜单栏中的 Tools > Fiddler Options，打开“Fiddler Options”对话框。
然后在Fiddler Options”对话框切换到“Connections”选项卡，勾选“Allow romote computers to connect”后面的复选框，点击“OK”按钮。
然后在手机端的wifi里面设置手动代理，主机名为你的ip地址，端口为8888。
然后打开手机浏览器，输入ip:端口号=ip地址(比如172.18.53.93):8888会打开一个下载证书的页面，点击最下方的“FiddlerRoot certificate”按钮，安装证书。（非常重要，一定要下载证书）
注意：有时在这一步会卡住，打不开这个下载证书的页面，这个时候可通过重启fiddler解决。
最后用手机上网，就可以在fiddler里面抓到包了。
注意：这里不仅可以抓包，还能实现下面2个需求：
- 访问电脑上修改了host的映射地址。（因为实际上fiddler在本地电脑实现了一个代理，所以可以通过手机直接访问电脑上的ip端口。）
- 修改手机端收到的包，原理和步骤同上面的“改线上的代码”。