繁體中文
Appearance
頁面越來越多,導航關係也越來越難理清。PageFlow 把所有頁面和它們之間的路徑,完整呈現在一張清晰的畫布上。
把所有頁面匯集在一張地圖上,即使大型網站的結構也能一眼看清。
直接查看程式碼實際渲染的介面,不再依賴過時的截圖和圖表。
沿著頁面之間的連接,快速了解使用者從哪裡來,又能前往哪裡。
查看每個頁面呼叫了哪些 API,以及這些 API 實際傳回了甚麼。
讓測試和頁面放在一起,覆蓋情況與剩餘風險一目了然。
頁面、導航、API 和測試隨開發自動更新,無需手動維護網站地圖。
應用不斷成長,卻沒有人能在一個地方看清全部。開發者閱讀路由檔案,設計師查看設計稿,測試人員跟隨測試案例,每個人只在腦中保存流程的一部分。這些視角很快就會彼此脫節。
PageFlow 讀取正在執行的應用,把真實頁面和連接關係一起排列出來。只需一個視圖,就能了解有哪些頁面、使用者能前往哪裡,以及哪些頁面已有測試。
pnpm add -D unplugin-pageflow
將 PageFlow 加入開發設定,啟動應用,然後開啟外掛程式輸出的 URL。
閱讀快速開始指南 →