我們發(fā)現(xiàn)了一個(gè)bug后，怎樣去確定這個(gè)bug是應(yīng)該前臺來解決還是后臺來解決？

當(dāng)然我們測試網(wǎng)站的時(shí)候，可以通過瀏覽器的F12來查看傳值，那么如果測試的是APP，我們又該怎么來抓取這個(gè)數(shù)據(jù)呢？這里就需要用到一些抓包工具，來協(xié)助我們定位問題。

這里我們使用的工具就是Fiddler。

下面我們通過幾個(gè)案例來具體說明一下如何通過Fiddler來定位是前臺的問題還是后臺的問題。

案例1

我們在使用手機(jī)APP的時(shí)候，修改一個(gè)聯(lián)系人信息，修改之后發(fā)現(xiàn)在數(shù)據(jù)庫里的信息電話和性別沒有修改成功，這個(gè)時(shí)候我們用Fiddler來抓取數(shù)據(jù)包看看。

首先先將Fiddler設(shè)置成只接收遠(yuǎn)程客戶端的數(shù)據(jù)，如下圖，來避免獲取到一些無用的數(shù)據(jù)。

這個(gè)就是我們在前臺保存聯(lián)系人時(shí)往后臺傳輸?shù)臄?shù)據(jù)：

這里的id就是我們要修改的id，contact就是我們要修改的聯(lián)系人的名字（這里的內(nèi)容可能做了處理），tel就是聯(lián)系人的電話等等這些信息。

通過這些內(nèi)容我們發(fā)現(xiàn)：

01

前臺已經(jīng)將修改的電話信息傳給后臺了，但是數(shù)據(jù)庫里的信息并沒有修改，那么我們就可以認(rèn)為是后臺沒有將前臺傳過來的數(shù)據(jù)保存，可以讓后臺開發(fā)人員修改這個(gè)問題。

02

我們發(fā)現(xiàn)前臺傳過來的數(shù)據(jù)中并沒有性別的信息，這個(gè)就有可能是前臺將數(shù)據(jù)漏傳了，需要找前臺開發(fā)人員修改。

案例2

我們在獲取聯(lián)系人信息的時(shí)候，發(fā)現(xiàn)并不是所有的聯(lián)系人都顯示了，而只是顯示了一部分，下面我們也抓取一下獲取聯(lián)系人信息的數(shù)據(jù)包，獲取的數(shù)據(jù)如下，將頁面切換到j(luò)son，我們可以看得更清楚一些，如下圖：

01

抓取的數(shù)據(jù)包里的數(shù)據(jù)是完整的。這種情況就是前臺在對后臺返回的數(shù)據(jù)進(jìn)行渲染的時(shí)候出錯(cuò)，先聯(lián)系前臺人員修改。

02

抓取的數(shù)據(jù)包里的數(shù)據(jù)就是不完整的。這種情況就是后臺查詢數(shù)據(jù)有問題，聯(lián)系后臺人員解決。

案例3

我們上傳一個(gè)頭像，但是上傳完之后前臺沒有顯示出來。

我們先來抓取一下上傳頭像的數(shù)據(jù)包，如下圖：

01

通過截圖中返回的數(shù)據(jù)，我們很容易就能看出來，這個(gè)URL地址是錯(cuò)的，拼接了兩遍http，這種就說明是后臺拼接錯(cuò)誤，這種的找后臺處理。

02

如果返回的圖片URL沒有明顯的錯(cuò)誤，那么將這個(gè)URL整個(gè)拷貝出來，復(fù)制到瀏覽器去看一下圖片能否正常查看。

如果瀏覽器里能正常查看，說明后臺返回的圖片地址沒有問題，是前臺顯示圖片時(shí)報(bào)錯(cuò)，聯(lián)系前臺修改問題；如果瀏覽器里圖片也是無法查看的，那么就是后臺返回的圖片地址有問題，聯(lián)系后臺處理。

03

如果后臺返回的數(shù)據(jù)里，根本沒有URL的信息，如下圖：

抓包工具有很多，大家可以參考一下，也可以自學(xué)一下其他工具的使用~