Web測試中定位bug方法

在web測試過程當中，常常會遇到頁面中內容或數據顯示錯誤，甚至不顯示，第一反應就是BUG，沒錯，確實是BUG。進一步瞭解這個BUG的問題出在那裏，是測試人員須要掌握的，能夠簡單的使用瀏覽器自帶開發者工具、數據庫工具配合去排查。

1.開發者工具的使用

（1）打開開發者工具，在瀏覽器菜單欄選擇工具-開發者工具，快捷鍵是F12

（2）打開以後切換到Network頁籤，操做就能夠看到請求響應

（3）在選擇響應的連接，切換到Preview頁籤，能夠看到響應的結果數據

（4）結果中能夠看到數據字段、值

2.能夠根據響應的值判斷一些bug所在

（1）響應中沒有數據，則是後端數據沒有返回，前端展現爲空，則爲後端問題。例如：列表中新增一個數據，沒有顯示，經過請求中能夠看到數據total爲0，則是後端數據沒有返回。

（2）響應中有數據，可是前端顯示錯誤了，能夠根據字段值判斷是否前端顯示中取錯了字段顯示，能夠判斷是前端問題。例如：B端顯示內容錯誤了，把登陸用戶名顯示了登陸賬號，則能夠在響應中看數據是否返回正確，返回正確而顯示錯誤，則有多是前端綁定字段錯誤。

（3）響應中有數據，可是跟本身操做的結果不一致，能夠根據數據庫查詢，若是數據庫中也沒有記錄，多是代碼有問題，沒有記錄你的操做。例如：註冊了一個賬號，可是登陸時提示賬號或密碼錯誤，這就能夠在數據庫表中查看是否有註冊的數據。

 

 

 

 

 

1.抓包分析

 

   web測試過程當中，怎麼判斷前端Bug仍是後端Bug？能夠經過抓包工具來進行抓包分析。

大多數的 瀏覽器都有自帶的抓包插件，如FireFox的FireBug插件，Chrome、 360急速模式、搜狗高速模式自帶的DevelopTools插件，F12開啓抓包後，在NetWork中能夠看到當前頁面發送的每個http請求。一般狀況下，咱們能夠經過請求接口、傳參和響應三部分來判斷Bug，另外，也能夠在瀏覽器的控制檯進行代碼調試定位。

（1）請求接口URL是否正確

     若是請求接口URL不正確，爲前端Bug；

（2）http請求中的參數是否正確

     若是http請求中的參數不正確，爲前端Bug；

（3）若是接口URL和參數都正確，查看響應內容是否正確

     若是這種狀況下響應內容不正確，則爲後端Bug。

（4）若是JS基礎比較好的話，也能夠在瀏覽器的控制檯中輸入JS代碼進行調試

 

此外，除了瀏覽器中自帶的抓包插件外，還可使用其餘的抓包軟件，如Fiddler、Charles、HttpWatch、Wireshark等。

 

2.後端的Bug，如何準確的定位問題在哪裏，如何精準的描述Bug？

（1）查看報錯日誌

  查看報錯日誌，經過日誌分析，須要有必定的經驗，而且有必定的代碼基礎，才能更好地定位問題。

（2）查看 數據庫的數據

  瞭解所測功能的數據表結構，測試過程當中，查看數據庫的數據，確認數據的正確性。

（3）查看緩存（如Memcache、apc、redis等緩存）是否正確