概述
以前聽別人說抓包抓包的，聽起來很神秘高大上的樣子，想入門又不知道從何學起。今天偶然在工作中遇到了以下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端口。）
- 修改手機端收到的包，原理和步驟同上面的“改線上的代碼”。