預覽

預覽是你在發佈前檢視專案目前版本的地方。

在請求 AI 進行變更後,只要想檢查版面、文案、互動、路由或響應式行為,就可以使用它。

運作方式

工作區會將聊天與預覽並排顯示。在聊天中請求變更,再到預覽中檢視結果。

如果專案有多個頁面或路由,可使用預覽路徑欄位開啟特定頁面。如果畫面看起來過時,請先重新整理預覽,再請 AI 進行下一項變更。

主要功能

即時視覺檢視:在工作區中查看最新生成的專案。
裝置檢視模式:在電腦、平板與手機檢視間切換,以抓出響應式版面問題。
路由測試:當專案包含多個頁面時,開啟特定路徑。
在新分頁開啟:需要更大的瀏覽器視窗時,使用外部預覽網址。
重新整理預覽:在生成、路由變更或資源更新後,重新載入目前的專案畫面。
發佈前檢查:在發佈或分享之前先審閱專案。

如何檢視一項變更

請 AI 進行一項明確的變更。
等待生成完成。
開啟 預覽。
在電腦檢視模式下檢查變更的畫面。
切換到手機與平板檢視模式。
開啟任何重要的路由。
如果結果不對,在聊天中描述看到的問題,並請求針對性的修正。

小而具體的後續請求,通常比一次請 AI 大幅改版多個項目效果更好。

預覽網址

預覽網址是暫時性的,30 分鐘後就會失效。

在建置過程中,使用預覽進行內部審閱。如果需要傳送穩定連結給團隊成員、客戶或測試者,請改為發佈專案並分享已發佈的網址。

何時預覽還不夠

以下情況,請改用已發佈的網址進行最終檢查:

自訂網域
正式環境的 SEO 中繼資料
付款服務的回呼(callback)
登入服務的重新導向
分析流量
公開分享

預覽適合快速優化;已發佈的網址則是驗證正式環境行為的正確地方。

相關指南