語法檢查通過時，實際操作仍可能失敗。瀏覽器驗收需要一條已變更路由、一組測試輸入和可見結果。提醒設定頁修正前後皆為 HTTP 200，提交表單才看到問題。
啟動服務並確認目標路由
記錄主機、連接埠與路由，確認是預期程序在監聽。本機練習用回環位址。遠端代理程式的 localhost 指向其自身環境。用獨立測試分頁開啟已變更路由，核對標題及初始狀態。首頁 HTTP 200 無法證明設定頁可用。
| 起點 | 核對 |
|---|---|
GET /settings/alerts | HTTP 200 · Alert settings |
| Enable alerts | Save alerts |
POST /api/alerts | HTTP + role=status |
完成一次使用者操作
勾選 Enable alerts 再按 Save alerts，同時擷取 POST 回應和頁面文字。按下前先等待回應，避免漏掉快速請求。核對方法與路徑，避免算入同時完成的其他請求。只使用合成輸入，正式環境避開不可逆操作。
重現、修改一行並照原流程複測
首次前端傳送 enabled，伺服器要求 alertsEnabled，回應 422，畫面顯示 Save failed: alertsEnabled required。僅修改請求欄位，再以同一連接埠重啟。重複勾選與儲存，POST 回應 200，畫面顯示 Q02-ALERTS-ENABLED。瀏覽器驗收找出語法檢查未涵蓋的介面落差。
| 階段 | 修正前 | 修正後 |
|---|---|---|
| 頁面導覽 | HTTP 200 | HTTP 200 |
| 提交動作 | POST 422 · enabled | POST 200 · alertsEnabled |
| 可見結果 | Save failed: alertsEnabled required | Q02-ALERTS-ENABLED |
要保存哪些證據？
保留路由、操作步驟、輸入、預期與實際結果、去識別網路資訊與能呈現問題的截圖。並列修正前後結果。本練習僅驗證回執，未驗證帳號資料持久化或正式環境效能。若承諾持久化，重新載入並核對讀取介面的值。
有開發者詢問如何讓編碼代理程式像使用者一樣操作小型應用。另一位描述了流程中的 localhost 存取與 CSS 渲染限制。可要求在可存取路由核對一項可觀察行為。
Reddit · Cursor · Reddit · BuildWithClaude
頁面打不開時怎麼處理？
先在瀏覽器所在環境確認服務監聽，再核對來源、連接埠及路徑。分別處理連線失敗、頁面錯誤或使用者操作失敗。缺少網路存取權時停止，記下實際邊界。
常見問題
如何開始本機驗收？
記錄主機、連接埠與路由，確認是預期程序在監聽。本機練習用回環位址。遠端代理程式的 localhost 指向其自身環境。用獨立測試分頁開啟已變更路由，核對標題及初始狀態。首頁 HTTP 200 無法證明設定頁可用。
要測試哪個瀏覽器動作？
勾選 Enable alerts 再按 Save alerts，同時擷取 POST 回應和頁面文字。按下前先等待回應，避免漏掉快速請求。核對方法與路徑，避免算入同時完成的其他請求。只使用合成輸入，正式環境避開不可逆操作。
如何確認一行修正？
首次前端傳送 enabled，伺服器要求 alertsEnabled，回應 422，畫面顯示 Save failed: alertsEnabled required。僅修改請求欄位，再以同一連接埠重啟。重複勾選與儲存，POST 回應 200，畫面顯示 Q02-ALERTS-ENABLED。瀏覽器驗收找出語法檢查未涵蓋的介面落差。
驗收需要保留什麼？
保留路由、操作步驟、輸入、預期與實際結果、去識別網路資訊與能呈現問題的截圖。並列修正前後結果。本練習僅驗證回執，未驗證帳號資料持久化或正式環境效能。若承諾持久化，重新載入並核對讀取介面的值。
頁面打不開時怎麼處理？
先在瀏覽器所在環境確認服務監聽，再核對來源、連接埠及路徑。分別處理連線失敗、頁面錯誤或使用者操作失敗。缺少網路存取權時停止，記下實際邊界。