前端bug特點 :1、界面相關 2、布局相關 3、兼容性相關
后端bug特點 :1、業務邏輯相關 2、性能相關 3、數據相關 4、安全性相關
定位前后端bug:
1、經驗法:
軟件測試人員應不斷精進自己的技能,負責的項目多了,自然對功能的實現過程有了解,也就明白如何分類bug了。 例如: 網頁上的某個圖片的分辨率不對,如果我們了解實現過程,可以想到一般情況下,是根據某個地址去服務器取圖片的,數據庫一般只保存地址,那么圖片能正確顯示,就說明后端的基本功能是滿足需求的。如果具體圖片分辨率有誤,最可能的原因是前端顯示過程出了差錯。
2、查日志
當我們發現一個bug,並不確定這個bug屬於前端還是后端,可以查看后端服務的日志,復現bug時,查看日志中有沒有相關信息。基本可以認為,如果日志沒有輸出,很可能這個功能並沒有與后端交互,也就不存在后端的問題。反之,如果日志有輸出,可以進一步查看有無錯誤日志信息,進一步分析。
3、查接口
這種方法常用於查看是后端返回給前端的數據有誤,還是前端顯示有誤。 大多數瀏覽器都有自帶的接口查看工具,如Chrome,FireFox等都可以通過F12開啟抓包,在NetWork中可以看到當前頁面發送的每個http請求。 我們需要對比通過后端接口拿到的數據和前端顯示的數據,來確認問題出在哪里。如果數據錯了,頁面顯示是錯的,也是正常的,先從后端入手去解決。如果數據對了,但是顯示錯了,就需要問問前端的開發人員了。 溝通很重要 我們在定位BUG的過程中,最不能忽略的一個問題是和開發人員的溝通,有時候忙活半天,不如一問一答。經驗和技術的成長也都離不開合理高效的溝通。 經驗和小結 出現樣式的問題基本都是CSS的BUG 出現文本的問題基本上都是html的BUG 出現交互類的問題基本上都是Javascript的BUG 其他問題先溝通,再定位