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

抓包工具：
常用抓包工具有好多，本人就試了三個(gè)。
Charles（IOS常用）
wireshark
fiddler（mac沒(méi)有使用版本，需用Windows系統(tǒng)或連接遠(yuǎn)程安裝使用）
安裝包：官網(wǎng)下載最新即可或百度都有最新的

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

Charles ,fiddler 方法一致：
電腦網(wǎng)絡(luò)：隨便連入一個(gè)wifi，然后查看本機(jī)地址（終端/cmd：ifconifg/ipconfig） eg:WiFi：nuanxinli，ip：192.168.191.1
手機(jī)：連入電腦一樣的wifi（nuanxinli），打開(kāi)手機(jī)WiFi的高級(jí)設(shè)置，打開(kāi)使用代理：設(shè)置ip為192.168.191.1，端口為8888（一般默認(rèn)設(shè)置）
打開(kāi)以上兩個(gè)軟件正常的話就可以看到好多條信息了
注意：雖然手機(jī)設(shè)置了代理，但是電腦上的比如說(shuō)網(wǎng)頁(yè)打開(kāi)的話也是好會(huì)有好多的請(qǐng)求的，看情況過(guò)濾或者是忽略就好。

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

捕獲類(lèi)型：
Charles：只捕獲http及https請(qǐng)求（之前沒(méi)有配置好，只捕獲了http的一點(diǎn)兒數(shù)據(jù)）
wireshark：捕獲各類(lèi)請(qǐng)求，但一般也就看http請(qǐng)求就可以了。（只捕獲了返回的數(shù)據(jù)）
fiddler：只捕獲http請(qǐng)求，但是顯示的東西要詳細(xì)的多。（捕獲發(fā)送/返回的各個(gè)數(shù)據(jù)）

基礎(chǔ)需查看頁(yè)面內(nèi)容（就是內(nèi)容需要看什么，都有哪些東西）：
Charles：
注意：一旦連接上之后，手機(jī)或者電腦操作任何跟網(wǎng)絡(luò)有關(guān)的時(shí)候，這里的數(shù)據(jù)就一直在增加，不用的時(shí)候及時(shí)關(guān)掉就行了，還有就是我用的這個(gè)是試用版（好處：不要錢(qián)，壞處：每到三十分鐘就自動(dòng)關(guān)閉，但是重新打開(kāi)還可以繼續(xù)使用，長(zhǎng)時(shí)間的獲取數(shù)據(jù)的話就需要注意了）。

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

fiddler：
注意：一旦連接上之后，手機(jī)或者電腦操作任何跟網(wǎng)絡(luò)有關(guān)的時(shí)候，這里的數(shù)據(jù)就一直在增加，不用的時(shí)候及時(shí)關(guān)掉就行了

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

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

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

其他亂碼問(wèn)題：
然后是我沒(méi)有遇到的關(guān)于亂碼的問(wèn)題，教程也一并貼出來(lái)了（我只是百度了“fiddler亂碼”就出來(lái)了這些的，果然百度還是相當(dāng)靠譜的）

Fiddler工具監(jiān)聽(tīng)到的數(shù)據(jù)導(dǎo)出后中文是亂碼，如何解決它
http://blog.csdn.net/bright78...
解決Fiddler查看Post參數(shù)中文亂碼的問(wèn)題
http://blog.csdn.net/dj0379/a...

wireshark：

注意：一旦連接上之后，手機(jī)或者電腦操作任何跟網(wǎng)絡(luò)有關(guān)的時(shí)候，這里的數(shù)據(jù)就一直在增加，不用的時(shí)候及時(shí)關(guān)掉就行了

mac版本：
打開(kāi)之后設(shè)置一下下圖這個(gè)地方

進(jìn)來(lái)之后看下電腦上的網(wǎng)址，終端ifconfig看一下，手機(jī)上也看一下，兩個(gè)地址的前三位是否一致，檢查是否處在同一網(wǎng)絡(luò)。若沒(méi)有問(wèn)題點(diǎn)擊開(kāi)始就OK了。

第一部分為獲取到的各種網(wǎng)絡(luò)請(qǐng)求，第二部分為各項(xiàng)信息，其實(shí)我現(xiàn)在也沒(méi)看太懂（我只看了http請(qǐng)求的），第三部分為十六進(jìn)制詳細(xì)信息。
然后框出來(lái)的東西，左數(shù)1，2，3功能分別是：開(kāi)始，結(jié)束，重新開(kāi)始（給彈窗需不需要保存數(shù)據(jù)，視情況而定就好了）
右數(shù)1，2，3，重新加載文件，關(guān)閉捕獲文件，保存捕獲文件。

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

也是需要選擇手機(jī)跟電腦上的網(wǎng)絡(luò)處于同一環(huán)境下，點(diǎn)擊開(kāi)始就OK了。

正式捕獲數(shù)據(jù)頁(yè)面：頂層按鈕功能跟mac一致。
綠色部分是對(duì)底下所有請(qǐng)求的篩選條件，具體格式參考下面網(wǎng)址：
http://blog.jobbole.com/74018/
http://jingyan.baidu.com/arti...
下面以我看過(guò)的http請(qǐng)求為例，主要看框出來(lái)的三個(gè)地方就可以了，尋找有用數(shù)據(jù)。

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

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

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

Charles：
iOS開(kāi)發(fā)抓包工具之Charles：
http://www.cocoachina.com/ios...
fiddler：
如何用Fiddler對(duì)Android應(yīng)用進(jìn)行抓包：
http://jingyan.baidu.com/arti... （ 安裝使用的基本必備教程）
【HTTP】Fiddler（一） - Fiddler簡(jiǎn)介：
http://blog.csdn.net/ohmygirl... （使用過(guò)程中的參考教程）
wrieshark：
其實(shí)這個(gè)安裝不需要看教程了，下載安裝包之后運(yùn)行按照向?qū)ё呔涂梢粤恕?br>非要看教程的話，這兩個(gè)就足夠了，
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上使用這個(gè)軟件，我的電腦有無(wú)線網(wǎng)卡，但是沒(méi)有網(wǎng)線根本沒(méi)有辦法用電腦去分享網(wǎng)絡(luò)，時(shí)間關(guān)系我就沒(méi)有再弄了，直接換了Windows電腦，但是教程還是可以看看的。
最新wireshark抓包教程（感覺(jué)這個(gè)教程還靠點(diǎn)兒譜）
http://jingyan.baidu.com/arti...
Wireshark安裝使用及報(bào)文分析（圖文詳解）
http://blog.csdn.net/tz_gg/ar...

總結(jié)：
本片文檔為以上三個(gè)工具的單純，很單純的基本安裝，基本使用，遇到的基本問(wèn)題，若有任務(wù)需求用到的話，這一篇文檔只是開(kāi)始。