摘要：參考教程我弄這些的時候下載的各個軟件的版本注明文中的網址均是百度的參考文章，僅供參考，謝謝。

抓包工具：
常用抓包工具有好多，本人就試了三個。
Charles（IOS常用）
wireshark
fiddler（mac沒有使用版本，需用Windows系統或連接遠程安裝使用）
安裝包：官網下載最新即可或百度都有最新的

安裝（可參考本文最后的教程）

Charles ,fiddler 方法一致：
電腦網絡：隨便連入一個wifi，然后查看本機地址（終端/cmd：ifconifg/ipconfig） eg:WiFi：nuanxinli，ip：192.168.191.1
手機：連入電腦一樣的wifi（nuanxinli），打開手機WiFi的高級設置，打開使用代理：設置ip為192.168.191.1，端口為8888（一般默認設置）
打開以上兩個軟件正常的話就可以看到好多條信息了
注意：雖然手機設置了代理，但是電腦上的比如說網頁打開的話也是好會有好多的請求的，看情況過濾或者是忽略就好。

wireshark ：
這個比較特殊，不是連接wifi，而是需要設置代理，
首先：電腦連上網線，然后安裝一個wifi共享的軟件（eg：獵豹wifi，自行百度搜索就行）
然后：手機只需要連接電腦共享出來的wifi就行了。
最后：打開軟件，找到tools(捕獲)菜單，設置里面選擇同一網段的玩那條網絡，點擊開始，操作手機就出來東西了

捕獲類型：
Charles：只捕獲http及https請求（之前沒有配置好，只捕獲了http的一點兒數據）
wireshark：捕獲各類請求，但一般也就看http請求就可以了。（只捕獲了返回的數據）
fiddler：只捕獲http請求，但是顯示的東西要詳細的多。（捕獲發送/返回的各個數據）

基礎需查看頁面內容（就是內容需要看什么，都有哪些東西）：
Charles：
注意：一旦連接上之后，手機或者電腦操作任何跟網絡有關的時候，這里的數據就一直在增加，不用的時候及時關掉就行了，還有就是我用的這個是試用版（好處：不要錢，壞處：每到三十分鐘就自動關閉，但是重新打開還可以繼續使用，長時間的獲取數據的話就需要注意了）。

跟fiddler的查看方式是基本類似的，主要看圈出來的三個大模塊就好了，然后遇到具體問題具體分析就行了。
然后最頂端的小工具不清楚的百度下或自己試試就行了，就不一一介紹了。

fiddler：
注意：一旦連接上之后，手機或者電腦操作任何跟網絡有關的時候，這里的數據就一直在增加，不用的時候及時關掉就行了

一般來講只是看數據的話，圖1—6就可以了。
圖1：顯示的是手機鎖訪問的地址信息
圖2：此標簽就是在點擊圖1網址之后要看的內容頁標簽（上半部：圖3、4一般為發送的內容。下半部：圖5、6一般為返回的有效信息）
圖3：顯示的圖2標簽頁的子標簽頁面，就是每個類型的直接顯示數據 eg：上圖顯示的是Raw的具體內容
圖4：若顯示的內容比較多，可以點擊按鈕直接在文本文件中查看
圖5：返回的有效信息
圖6：可以點擊在文本里面查看

異常處理：（以下異常處理不是所有情況都適用的，需酌情嘗試）
圖3亂碼：
若請求中亂碼，可嘗試修改一下信息：
win7
1、windows按鈕+R
2、輸入regedit +回車+是
3、HKEY_CURRENT_USERSoftwareMicrosoftFiddler2
4、右鍵新建，選字符串值 加上HeaderEncoding 然后值輸入 GBK
http://thinktothings.iteye.co...

圖5亂碼：（本來想自己截圖詳述一下的，但是看到了一個教程，就犯懶了直接上網址了，不過網址絕對可靠）
Fiddler中response亂碼的解決方案
http://blog.csdn.net/quiet_gi...

其他亂碼問題：
然后是我沒有遇到的關于亂碼的問題，教程也一并貼出來了（我只是百度了“fiddler亂碼”就出來了這些的，果然百度還是相當靠譜的）

Fiddler工具監聽到的數據導出后中文是亂碼，如何解決它
http://blog.csdn.net/bright78...
解決Fiddler查看Post參數中文亂碼的問題
http://blog.csdn.net/dj0379/a...

wireshark：

注意：一旦連接上之后，手機或者電腦操作任何跟網絡有關的時候，這里的數據就一直在增加，不用的時候及時關掉就行了

mac版本：
打開之后設置一下下圖這個地方

進來之后看下電腦上的網址，終端ifconfig看一下，手機上也看一下，兩個地址的前三位是否一致，檢查是否處在同一網絡。若沒有問題點擊開始就OK了。

第一部分為獲取到的各種網絡請求，第二部分為各項信息，其實我現在也沒看太懂（我只看了http請求的），第三部分為十六進制詳細信息。
然后框出來的東西，左數1，2，3功能分別是：開始，結束，重新開始（給彈窗需不需要保存數據，視情況而定就好了）
右數1，2，3，重新加載文件，關閉捕獲文件，保存捕獲文件。

Windows版本：
界面基本跟mac一致，但會有細微差別。兩個按鈕的設置是一個功能，按習慣操作就行。

也是需要選擇手機跟電腦上的網絡處于同一環境下，點擊開始就OK了。

正式捕獲數據頁面：頂層按鈕功能跟mac一致。
綠色部分是對底下所有請求的篩選條件，具體格式參考下面網址：
http://blog.jobbole.com/74018/
http://jingyan.baidu.com/arti...
下面以我看過的http請求為例，主要看框出來的三個地方就可以了，尋找有用數據。

以上基本講解就到這里了。

參考教程：
我弄這些的時候下載的各個軟件的版本：
charles：4.0.2
fiddler：fiddler4
wrieshark：2.2.1（mac）/2.2.3（Windows）

注明：文中的網址均是百度的參考文章，僅供參考，謝謝。

Charles：
iOS開發抓包工具之Charles：
http://www.cocoachina.com/ios...
fiddler：
如何用Fiddler對Android應用進行抓包：
http://jingyan.baidu.com/arti... （ 安裝使用的基本必備教程）
【HTTP】Fiddler（一） - Fiddler簡介：
http://blog.csdn.net/ohmygirl... （使用過程中的參考教程）
wrieshark：
其實這個安裝不需要看教程了，下載安裝包之后運行按照向導走就可以了。
非要看教程的話，這兩個就足夠了，
Windows下安裝教程參考：
http://jingyan.baidu.com/arti...
http://wenku.baidu.com/link?u...
Linux下安裝教程：
http://www.linuxidc.com/Linux...
http://www.360doc.com/content...
mac下安裝教程：
http://jingyan.baidu.com/arti...
講真，不喜歡在mac上使用這個軟件，我的電腦有無線網卡，但是沒有網線根本沒有辦法用電腦去分享網絡，時間關系我就沒有再弄了，直接換了Windows電腦，但是教程還是可以看看的。
最新wireshark抓包教程（感覺這個教程還靠點兒譜）
http://jingyan.baidu.com/arti...
Wireshark安裝使用及報文分析（圖文詳解）
http://blog.csdn.net/tz_gg/ar...

總結：
本片文檔為以上三個工具的單純，很單純的基本安裝，基本使用，遇到的基本問題，若有任務需求用到的話，這一篇文檔只是開始。