寫在前面：

在測試web介面，遇到問題時，常見的思路是根據介面錯誤檢視日誌，定位分析問題，有時候恰當地使用瀏覽器的除錯工具，也能很有效地幫助問題的定位。本文中的例子很簡單，目的是表達一下瀏覽器工具在web測試中的作用。

背景：

專案上在測試一個介面時，發現進去介面時，介面一直在loading，載入不出來（如下圖），這個介面的邏輯是：進入介面時，預設查找出符合條件的使用者。

過程：

檢視後臺SQL日誌和服務日誌，均為發現error資訊，檢查介面SQL，查詢未超時。

重新整理介面，開啟Firefox的除錯工具（F12），進入到“控制檯”，再進入剛剛有問題的介面，檢視控制檯資訊，發現錯誤（如下圖）：

點選錯誤內容，發現是獲取不到引數“Phone”的資訊（如下圖）：

檢查資料庫中user的phone引數，發現某條資料的欄位值沒有按照既定格式填寫，是自定義值，導致介面查詢不出，一直在loading狀態，修改user資訊後，介面載入成功。

總結：

瀏覽器的除錯工具是web測試中很重要的工具之一，在遇到問題時，靈活運用，配合日誌等定位分析問題，可以提升效率。 本例中的程式碼裡，未對引數格式做校驗，導致資料庫可以儲存任何值，而介面又載入不出來，這樣的互動顯然是不友好的，作為測試人員，也需要跟開發人員確認優化事宜。