1.區(qū)分bug是前端還是后端

1.1前后端bug特點(diǎn)

1.1.1前端bug特點(diǎn)

1.界面相關(guān)
2.布局相關(guān)
3.兼容性相關(guān)

1.1.2后端bug特點(diǎn)

1.業(yè)務(wù)邏輯相關(guān)
2.性能相關(guān)
3.數(shù)據(jù)相關(guān)
4.安全性相關(guān)

1.2前端問題

1.2.1界面相關(guān)

常見的界面相關(guān)問題有：排版錯(cuò)亂、文字錯(cuò)誤、數(shù)據(jù)錯(cuò)誤、兼容性問題

（1）文字錯(cuò)誤

• 功能文字：對話框或彈框中的標(biāo)題文字
• 提示文字：前端給出的文案提示

（2）數(shù)據(jù)錯(cuò)誤

• 列表字段錯(cuò)誤
• 表單字段錯(cuò)誤等。

這種情況下可以查看前端是否參與計(jì)算，或是有無進(jìn)行過字段配置管理，一般情況下可以先提交給前端。

• 根據(jù)計(jì)算的處理人來提交，如果是后端處理的，則提交給后端；如果是前端處理的，則提交給前端；如果是專門的數(shù)據(jù)人員，則與數(shù)據(jù)人員溝通。

（3）兼容問題
如果使用了UI框架 ，則前端問題常見于框架問題。

1.2.2功能相關(guān)

功能相關(guān)：功能實(shí)現(xiàn)錯(cuò)誤、不完整、邏輯錯(cuò)誤等。

（1）功能問題
通過抓包查看請求的方式來初步判斷。

• 無請求，則初步判斷為前端Bug；
• 抓包中有請求，則可以通過不同的狀態(tài)碼來判斷，有請求的情況下可以初步判斷為后端Bug

狀態(tài)碼：HTTP 響應(yīng)狀態(tài)碼

（2）邏輯錯(cuò)誤問題

• 一般情況下，確認(rèn)邏輯問題，找后端處理；
• 不確定的邏輯問題，與需求、后端一起討論處理。

1.2.3性能相關(guān)

常見的性能問題：頁面打開較慢，表單打開慢等。
一般情況下可以通過抓包來查看請求

• 請求耗時(shí)較小，則初步斷定為前端問題
• 耗時(shí)長，可以結(jié)合其他信息排查為后端問題。

性能相關(guān)的問題出現(xiàn)后，建議通過工具來評估整體的性能，可以進(jìn)一步定位是哪個(gè)部分的問題。

1.3后端問題

后端問題：業(yè)務(wù)邏輯、數(shù)據(jù)問題、安全相關(guān)的問題、性能問題等

后端問題多數(shù)可以通過查詢錯(cuò)誤日志信息來排查原因

有些信息不會展示在前臺，需要結(jié)合服務(wù)端日志信息一起排查定位了。

在定位的過程中可以記錄下相關(guān)SQL的問題，服務(wù)端的問題以及代碼問題，以便于日后查看。

1.3.1經(jīng)驗(yàn)法

例如： 網(wǎng)頁上的某個(gè)圖片的分辨率不對，如果我們了解實(shí)現(xiàn)過程，可以想到一般情況下，是根據(jù)某個(gè)地址去服務(wù)器取圖片的，數(shù)據(jù)庫一般只保存地址，那么

• 圖片能正確顯示，就說明后端的基本功能是滿足需求的。
• 如果具體圖片分辨率有誤，最可能的原因是前端顯示過程出了差錯(cuò)。

1.3.2查日志

當(dāng)我們發(fā)現(xiàn)一個(gè)bug，并不確定這個(gè)bug屬于前端還是后端，可以查看后端服務(wù)的日志，復(fù)現(xiàn)bug時(shí)，查看日志中有沒有相關(guān)信息。
基本可以認(rèn)為，

• 日志沒有輸出，很可能這個(gè)功能并沒有與后端交互，也就不存在后端的問題，則可能為前端問題
• 日志有輸出，可以進(jìn)一步查看有無錯(cuò)誤日志信息，進(jìn)一步分析
• 不存在交互的情況下，更多偏向于前端問題。

1.3.3查接口

這種方法常用于查看是后端返回給前端的數(shù)據(jù)有誤，還是前端顯示有誤。
大多數(shù)瀏覽器都有自帶的接口查看工具，如Chrome，F(xiàn)ireFox等都可以通過F12開啟抓包，在NetWork中可以看到當(dāng)前頁面發(fā)送的每個(gè)http請求。
我們需要對比通過后端接口拿到的數(shù)據(jù)和前端顯示的數(shù)據(jù)，來確認(rèn)問題出在哪里。文章來源地址http://www.zghlxwxcb.cn/news/detail-495089.html

• 如果數(shù)據(jù)錯(cuò)了，頁面顯示是錯(cuò)的，也是正常的，先從后端入手去解決。
• 前端功能實(shí)現(xiàn)導(dǎo)致后端返回的數(shù)據(jù)出錯(cuò)，則可以初步判斷為前端問題；
• 查看后端返回的接口數(shù)據(jù)不一致或是出現(xiàn)報(bào)錯(cuò)信息，則判斷為后端問題；

到了這里，關(guān)于【軟件測試】定位bug的文章就介紹完了。如果您還想了解更多內(nèi)容，請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！