公衆号搜尋：TestingStudio 霍格沃茲的幹貨都很硬核
對于 WEB 産品來說，有一些常見的 Bug，本章節挑選一些比較典型的 Bug 進行舉例介紹。
UI Bug
頁面一行内容超長展示錯亂
頁面展示的時候，需要根據長度的邊界值去設計用例進行驗證。
一般來說都會有超長内容的驗證。看看文字超長之後，頁面展示會不會出現問題。
如果出現問題的話，可能就類似于這樣，出現了滾動條，内容被遮蓋了一部分。這是不想看到的場景,是需要進行修改的。比如可以折行展示，或者超出部分...，這些解決方案都是可以接受的。
更換裝置布局錯亂
這一類問題一般會出現在相容測試中。web 可能需要在各種系統的各種版本的不同浏覽器上運作。
PC 端，手機端，Win、Mac、Linux、Android、iOS，這些裝置上的各種版本的浏覽器。這些浏覽器的核心和特性會有差別，就會導緻在不同浏覽器上頁面的展示可能會有錯亂的問題。比如圖裡問題，頁面最右側沒有顯示完全。
輸入域提示資訊不明确
這是屬于界面的問題，圖中是一個注冊的界面，但是注冊密碼的要求沒有明确的進行說明。
可能使用者所有的都輸入完成了之後，點選注冊，才能得到密碼不符合要求的提示，這樣的使用者體驗會很差。
一般來說，輸入框是需要對要輸入内容的規則先說明清楚。
功能
功能不符合需求
這種 BUG 是平常工作中最常見的。核心就是功能沒有符合需求當中的要求。
比如圖裡是百度，輸入内容後，沒有搜尋到對應的内容，這就是沒有實作需求中要求的功能。
提示資訊錯誤
功能方面還有一些比較常見的 BUG 是提示資訊中帶了一些錯誤碼之類的内容，這些内容是不應該暴露給使用者的，給使用者的應該就是明确的中文提示。
JS 報錯
還有一種比較常見的情況，就是 JS 腳本會報錯。
如果遇到這種情況的時候，得先區分一下造成的原因是什麼。
- 網速過慢，網頁代碼沒有完全下載下傳就運作了，導緻不完整
- 網頁設計錯誤，導緻部分代碼不能執行
- 浏覽器不相容導緻部分代碼不能執行
- 浏覽器緩存出錯
- 網站伺服器通路量太大，導緻伺服器超負載，部分代碼沒有完全下載下傳就提示浏覽器完畢，導緻錯誤
更改不同步
更改不同步的問題是指登入後打開多個頁面，在一個頁面中操作修改内容之後，在另一個頁面中檢視，但是已經修改過的内容在另一個頁面上沒有展現。
登入狀态不同步
登入狀态不同步的問題是指打開一個系統的多個頁面，其中一個頁面登入成功，在另一個頁面上重新整理，但是重新整理之後沒有同步為登入狀态。
其他
頁面請求失敗
這種情況就涉及到網絡請求了，可以到開發者工具的 NetWork 面闆中檢視請求發送的狀态，通過狀态碼是 400 就能簡單的定位是前端的請求發送出了問題。
加載時間太長
這種情況需要排查是網絡的問題，還是網頁性能的問題。如果是性能問題的話，就需要進行針對性的優化了。
輸入框包含 HTML 字元時出現異常
這種是對于輸入框進行測試的時候，可能會出現的問題。
因為 WEB 頁面本身就是 HTML 寫的，是以在輸入框中輸入 HTML 語言片段的話，如果沒有進行處理，頁面可能會有報錯資訊。就像圖中展示的這樣。
是以對于輸入框，應該覆寫輸入 HTML 格式内容的測試用例。