使用f12定位bug


為什么找到網站中的bug后還要去分析它到底是屬於前端bug還是后端bug

三個原因:

1.在一些公司,一個系統可能是由前端團隊和后端團隊共同開發出來的,因此在分配bug的時候,不同模塊的bug一般都會指派給對應的負責團隊乃至於個人。

2.提bug的時候,如果能盡量提供有價值的信息給開發人員,來縮小定位范圍,甚至於如果能夠直接協助定位到bug出在哪里,那么開發人員將更容易去fix掉bug,從而降低了測試和開發之間的溝通成本,提高了工作效率。

3.bug提的好從側面也能體現測試人員具備了較高的技術專業性,而不是只會點點點,個人形象在項目團隊中也會得到迅速提升。別人也會認為你是大佬

 

我們在分析一個系統bug來自於前端還是后台時,最有用的兩個是調試器提供的兩個標簽,這兩個標簽底下都記錄了一些數據,一個是console,一個network

console:記錄了前端js執行的情況,以及前端向服務器發出去的所有http請求信息,,如果有js錯誤可以在控制台下看到,同樣如果發送到后台的某個http請求沒有得到服務器正常響應,也能看到他的狀態信息。

network:記錄了前端往服務器發的所有的http請求信息,而且每個請求發送了什么數據,服務器是否正常響應了請求,如果響應了,響應回來的狀態碼是什么,響應數據是什么都可以在“網絡”標簽下看到。

 

 

執行操作:

首先打開原型index.html文件

按F12進入控制器

選擇console/network

操作原型界面

查看是否報錯/請求狀態是否正常

根據錯誤信息與請求狀態來判定問題出在前端還是在后端

 

清楚請求狀態信息,定位bug才更有信心

 

部分內容來源於:韜哥(NickJiang)

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM