chrom瀏覽器為例
（1）打開開發者工具，在瀏覽器菜單欄選擇工具-開發者工具，快捷鍵是F12
（2）打開之后切換到Network頁簽，操作就可以看到請求響應
（3）再選擇響應的鏈接，切換到Preview頁簽，可以看到響應的結果數據；切換到Headers頁簽可以看到請求的地址，請求的方式，結果等信息
（4）Response結果中可以看到返回的數據字段、值
如圖，此時頁面出現報錯
點擊該條報錯信息
可以根據響應的值判斷一些bug所在
（1）響應中沒有數據，則是后端數據沒有返回，前端展示為空，則為后端問題。例如：列表中新增一個數據，沒有顯示，通過請求中可以看到數據total為0，則是后端數據沒有返回。
（2）響應中有數據，但是前端顯示錯誤了，可以根據字段值判斷是否前端顯示中取錯了字段顯示，可以判斷是前端問題。例如：前端顯示內容錯誤了，把登錄用戶名顯示了登錄帳號，則可以在響應中看數據是否返回正確，返回正確而顯示錯誤，則有可能是前端綁定字段錯誤。
（3）響應中有數據，但是跟自己操作的結果不一致，可以根據數據庫查詢，如果數據庫中也沒有記錄，可能是代碼有問題，沒有記錄你的操作。例如：注冊了一個帳號，但是登錄時提示帳號或密碼錯誤，這就可以在數據庫表中查看是否有注冊的數據。
定位后提交問題
1. 前台的bug通常是功能、界面和兼容性等有關。后台的bug與性能和安全性有關。前台bug定位：按F12在console中查看報錯信息，對於出錯的js可以在Sources下查看對應報錯的資源文件，寫入禪道提交給開發即可
2.后台查看日志一台服務器可以部署多個應用，
cd usr/local/測試服務器名稱/logs //查看先進入到服務器的logs目錄下(跟據實際日志位置調整)
tail -f catalina.out //監視catalina.out 文件的尾部內容（默認10行）
轉載請附上
原文出處：https://mp.weixin.qq.com/s/U18oC7QHqxcwbjCrtF6IEQ
作者公眾號：軟件測試er