軟件測試工程師的職責是發現BUG，此外，如何體現個人價值？那麼我們試想，只提出問題而不去解決，問題就永遠得不到閉環。所以，一個資深的測試人員的基本功應該是這樣的：深挖業務和功能需求，找出BUG，定位BUG，提出解決方案。這裏我們就來說說，當我們找到了BUG，應該把BUG提交給誰去解決，這屬於BUG定位的問題。
試想:
根據需求，用戶頭像應是圓形，但結果是方形，是誰的BUG？
保存用戶信息時，無法保存成功，也沒有錯誤提示，最可能是誰的BUG？
顯然，工作過程中，我們不可能把這些BUG提交給同一個人去解決。我們應該至少區分出是前端還是後端BUG，就好像時下流行的詞“垃圾分類”，經過BUG分類處理，整個團隊的效率都會有所提高。
一.什麼是前端/後端？
目前多數互聯網項目都是前後端分離開發的，那麼什麼是前端？什麼是後端？簡言之，前端側重於頁面設計，後端側重於服務開發。
比如要保存一個用戶信息，前端把界面顯示給用戶，讓用戶按需填寫，當用戶點擊“保存”按鈕時，數據會通過網絡被提交給後端服務，由後端服務處理是否需要進一步運算，並且把數據保存在哪一個數據庫的哪一張表裏。
二.爲什麼要區分前端/後端BUG？
目前多數項目都是多人協作開發的，如果不能明確這個BUG是誰造成的，容易提交給錯誤的開發人員，會大大降低BUG的解決效率。
另外，如果團隊規模較大，或者由各地的項目組拼湊而成，勢必會增加溝通成本，這更需要我們在類似禪道或者Jira等項目管理軟件中提交BUG時，先指明是誰的BUG，避免互相踢皮球的現象。
所以，爲了提高團隊效率，測試人員尤其要做好BUG分類。
三.如何定位前端/後端BUG?
對於一個優秀的軟件測試工程師來說，區分BUG屬於前端還是後端是尤爲重要的。
頁面請求過程
弄清楚如何定位和分類BUG之前，需要了解一下頁面請求的過程，以 http 請求爲例，請求過程如下：
用戶在前端頁面操作，如點擊某個功能
頁面攜帶數據進行請求，訪問具體功能接口
由後端服務執行該接口相應的業務邏輯，如涉及數據，再去請求並組裝數據返回給前端
前端頁面進行渲染和展示對應的頁面和數據
前後端BUG各有什麼樣的特點？
前端BUG
界面相關
佈局相關
兼容性相關
後端BUG
業務邏輯相關
性能相關
數據相關
安全性相關
定位BUG屬於前端還是後端，有什麼方法？
這裏提供了幾個方法，可以給大家一個思路，讓大家能在學習和工作中瞭解如何去區分BUG屬於前端還是後端。
經驗法
軟件測試人員應不斷精進自己的技能，負責的項目多了，自然對功能的實現過程有了解，也就明白如何分類BUG了。
例如：
網頁上的某個圖片的分辨率不對，如果我們瞭解實現過程，可以想到一般情況下，是根據某個地址去服務器取圖片的，數據庫一般只保存地址，那麼圖片能正確顯示，就說明後端的基本功能是滿足需求的。如果具體圖片分辨率有誤，最可能的原因是前端顯示過程出了差錯。
日誌查看法
當我們發現一個BUG，並不確定這個BUG屬於前端還是後端，可以查看後端服務的日誌，復現BUG時，查看日誌中有沒有相關信息。基本可以認爲，如果日誌沒有輸出，很可能這個功能並沒有與後端交互，也就不存在後端的問題。反之，如果日誌有輸出，可以進一步查看有無錯誤日誌信息，進一步分析。
接口查看法
這種方法常用於查看是後端返回給前端的數據有誤，還是前端顯示有誤。
大多數瀏覽器都有自帶的接口查看工具，如Chrome，FireFox等都可以通過F12開啓抓包，在NetWork中可以看到當前頁面發送的每個http請求。
通過Chrome看到的接口情況如下
可以在Response中查看響應數據
我們需要對比通過後端接口拿到的數據和前端顯示的數據，來確認問題出在哪裏。如果數據錯了，頁面顯示是錯的，也是正常的，先從後端入手去解決。如果數據對了，但是顯示錯了，就需要問問前端的開發人員了。
四.經驗和總結
溝通很重要
我們在定位BUG的過程中，最不能忽略的一個問題是和開發人員的溝通，有時候忙活半天，不如一問一答。經驗和技術的成長也都離不開合理高效的溝通。
經驗和小結
出現樣式的問題基本都是CSS的BUG
出現文本的問題基本上都是html的BUG
出現交互類的問題基本上都是Javascript的BUG
其他問題先溝通，再定位
寫在最後：
今天的分享就到這裏啦，期待屬於大家的一飛沖天！