實作課程 · Find and Fix Website Problems

網站壞了,怎麼找問題

從「手機表單送不出去」開始,練習重現、讀錯誤、請 AI 做小範圍修復,以及確認其他功能仍正常。四章留下可重現的問題紀錄與修復證據。

4 章·一個案例帶到底·每章都有驗收清單·進度存在你的瀏覽器

練習專案

貓掌櫃官網

一份問題回報、一次限定範圍的修復,以及修復前後的驗收紀錄。
  • 先有能在本機開啟的官網,並會用 Git 留下版本紀錄;可以使用前面的貓掌櫃成品。
  • 練習情境:手機版候補表單按下後沒有回饋。先觀察實際結果,這段案例描述不代表你的專案一定有相同錯誤。
  • 站內互動是明確標示的教學示範,不會連到你的專案、改動真實設定或上傳資料。每章請在自己的練習專案操作,依驗收清單留下結果。
把「壞掉了」變成能重現的步驟先記錄裝置、網址、操作與結果。能穩定重現,才有辦法判斷修好了沒有。未開始先看主控台,再看網路請求分辨前端程式錯誤、請求失敗與欄位驗證,避免看到一段紅字就整頁重寫。未開始一次只修證據指向的地方請 AI 說明要改哪個檔案、理由與驗收方法,再在分支中修復。未開始修好之後,再走一次相鄰流程原問題通過後,確認成功、失敗與手機操作仍正常,並留下可還原版本。未開始