在web測試過程中，經常會遇到頁面中內容或數據顯示錯誤，甚至不顯示，第一反應就是BUG，沒錯，確實是BUG。進一步了解這個BUG的問題出在那里，是測試人員需要掌握的，可以簡單的使用瀏覽器自帶開發者工具、數據庫工具配合去排查。
1.開發者工具的使用
（1）打開開發者工具，在瀏覽器菜單欄選擇工具-開發者工具，快捷鍵是F12
（2）打開之后切換到Network頁簽，操作就可以看到請求響應
（3）在選擇響應的鏈接，切換到Preview頁簽，可以看到響應的結果數據
（4）結果中可以看到數據字段、值
2.可以根據響應的值判斷一些bug所在
（1）響應中沒有數據，則是后端數據沒有返回，前端展示為空，則為后端問題。例如：列表中新增一個數據，沒有顯示，通過請求中可以看到數據total為0，則是后端數據沒有返回。
（2）響應中有數據，但是前端顯示錯誤了，可以根據字段值判斷是否前端顯示中取錯了字段顯示，可以判斷是前端問題。例如：B端顯示內容錯誤了，把登錄用戶名顯示了登錄帳號，則可以在響應中看數據是否返回正確，返回正確而顯示錯誤，則有可能是前端綁定字段錯誤。
（3）響應中有數據，但是跟自己操作的結果不一致，可以根據數據庫查詢，如果數據庫中也沒有記錄，可能是代碼有問題，沒有記錄你的操作。例如：注冊了一個帳號，但是登錄時提示帳號或密碼錯誤，這就可以在數據庫表中查看是否有注冊的數據。
1.抓包分析
大多數的
瀏覽器都有自帶的抓包插件，如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等緩存）是否正確