1.怎麼找接口？
最好在谷歌瀏覽器按f12查看，主要看network，就能夠定位先後端問題。前端
若是按f12之後，點擊network，能夠看到.js和.png這些結尾的都不是接口。web
點擊network-XHR，這裏能夠看到接口。ajax
是過濾xhr請求。若是先後端分離了，數據會經過ajax請求獲取，在好久之前，沒有xhr的時候 ，頁面不支持更新數據，須要刷新才行。有了xhr，頁面支持局部更新數據。數據庫
可是這裏能顯示全部當前界面全部的接口麼？
不必定。有些數據若是是跟頁面一塊兒帶過來的就不在這。後端
並非全部都是先後端分離的,不分離的時候後端會把頁面渲染好 再拋出來,而後你按xhr一個接口都沒有。瀏覽器
在xhr裏面沒有找到，就這裏根據接口文檔中的接口名字找。服務器
通常沒人在這找，幾乎找不到。可是若是是接口，通常大多數是xhr，先後端分離的那種。微信
2.基礎知識
ip和域名的做用是同樣的，能夠經過域名訪問網站也能夠經過ip訪問網站，只不過發明了域名，是爲了讓你可以記住而已。前後端分離
3.定位前端問題
4.定位後端問題
5.先後端怎麼交互的？
好比你是前端，你媽是後端，你向你媽媽發送一個請求，POST /eat {"msg":「媽媽，我要吃飯！」},你媽給你一個響應 {"沒得吃，滾"}編輯器
後端返回什麼均可以，是它本身定的。你媽媽有本身的想法。
6.怎麼分清先後端bug？
1）請求接口URL是否正確：若是請求接口URL不正確，爲前端Bug；
2）http請求中的參數是否正確或爲空：若是http請求中的參數不正確或爲空，爲前端Bug；
3）若是接口URL和參數都正確，查看響應內容是否正確或爲空：若是這種狀況下響應內容不正確或爲空，則爲後端Bug。
4）看下請求參數的值（value)是否和界面顯示的一致，不一致就是前端Bug。
7.接口文檔怎麼看？
定位先後端Bug，不用管請求頭信息。
我理解的是:接口的請求參數和返回值都是key和value的形式。
例如："flag_password":1
因此按f12定位先後端問題的時候。返回值：重點看key是否是爲空的，key對不對，key對應的value值對不對，value值是否是爲空的。意思差很少就行，比對能比對的。
返回值中，value值特別長的，只要它不爲空就行，比對能夠對比的參數就行。
後端報錯不必定是後端致使的
報錯是後端報出來的，前端傳值錯了，後端也有可能報404 5xx
在按f12以後，我以爲響應碼的價值就是看服務器有沒有響應，初步定位問題。而後想定位具體問題點，就對着接口文檔，好好在對應的地方看看前端的參數對不對，有沒有，後端的返回值對不對，有沒有。
8.經常使用狀態碼
9.總結
1.網頁端點擊上傳文件，彈出一個打開文件的窗口，窗口中的肯定按鈕延遲顯示。（這個產品是在c/s端上傳文件，網頁端打開。）
由於肯定按鈕是前端開發寫js代碼，好比定義了一個函數就能實現。
而何時涉及接口呢？
1.我選擇一個文件點擊肯定後，成功顯示選擇的這個圖片，這就涉及接口，這是接口的查詢做用。是前端利用接口發請求給服務器，服務器校驗後，利用接口發請求給數據庫，數據庫利用接口返回請求給服務器，服務器利用接口再把返回的請求發給前端，展現出來。
因此這個固然不用抓包就知道是前端的問題啊。基本上看不到的操做都是後端的，能看見的都是前端的（根據實際狀況，不能斷章取義）。
2.c/s端軟件，是要點擊連接，發請求給服務器才能連接上。結果出現了，就個人電腦連接失敗，別人均可以。爲啥呢？
當個人電腦開着fiddler致使，由於開着代理，經過fiddler發出的請求，服務器可能不認識。
3.教訓：本身工做中遇到問題，首先本身再三覈實是否是本身粗心了，沒看清致使，或者本身無心中開着什麼軟件致使。總之，本身再三確認是問題，再提。若是本身以爲很難的問題，別人兩分鐘就解決了，那就丟人了。必定要認真的過一遍，最好找到問題的根本再去問。
工做中儘可能本身百度，學會本身解決問題。打字能溝通明白的問題就儘可能打字溝通。
歡迎掃碼關注！
本文分享自微信公衆號 - 清菡軟件測試（qinghanTester）。
若有侵權，請聯繫 support@oschina.cn 刪除。
本文參與「OSC源創計劃」，歡迎正在閱讀的你也加入，一塊兒分享。