部落格
如何在 iPhone 預覽電腦的 localhost 網站:Tactic Portal 教學
從啟動本機網站、連接電腦與核對連接埠,到 iPhone 或 iPad 私有預覽、選擇性分享與停止存取,並排查常見問題。
繼續查看該欄目下的產品與工程更新。
瀏覽此分類開發伺服器繼續在電腦上執行。本教學將帶你用一張不含敏感資料的測試頁面完成 iPhone 或 iPad 上的私有預覽,接著說明可選的分享步驟與如何結束存取。
候選稿與證據範圍:原圖來自 2026 年 10 月 29 日的 iPhone 15、1.13 Build 45 與 Linux 1.13 測試主機,為實機英文介面,並非生成畫面。不代表最終 Mac/Windows 包已重新驗收。先前記錄的本機檢查只驗證了 HTTP 發現,沒有新建外部分享;最終包的實機與恢復仍待驗。
開始前
iPhone/iPad 使用 Tactic Remote 1.13,電腦可選擇 Mac 1.13 App、Windows 1.13 Preview,或 macOS/Linux 的 npm CLI 1.13.0(npx tacticremote@1.13.0)。Homebrew 公式也已提供 1.13.0。 下載對應版本,讓電腦保持喚醒狀態,並依照 連接指南 連上正確主機。請選擇不含憑證、客戶資料或管理工具的測試專案;無須為這次檢查發起付費模型請求。
1. 在電腦啟動網站
執行專案原有的開發啟動命令,記下實際監聽的連接埠,並先用電腦瀏覽器確認能夠正常開啟。當預設連接埠被占用時,框架可能會自動改用其他連接埠。Portal 不會替你啟動開發伺服器。
若電腦已安裝 Python 3,也可在空白測試資料夾中儲存一份無敏感內容的 index.html,然後在該資料夾內執行:
電腦開啟 http://localhost:5173。命令會提供目前資料夾的檔案,請勿在使用者主目錄或私有倉庫執行。Python 僅用於可選範例;Node 專案可沿用現有伺服器。歷史截圖的連接埠為 3000。
2. 連接電腦與專案
在 App 選擇正確電腦並確認已連線,開啟網站所屬專案的對話,從選單進入 Portal preview。主機離線時無法提供網站;配對和發現網站是不同步驟。
3. 核對連接埠
重新整理網站列表。優先查看目前專案的條目;若顯示 Project not verified,先核對開發伺服器連接埠,也可選 Enter a port manually。HTTP 與 HTTPS 要符合實際服務。

4. 開啟私有預覽
選擇核對過的目標,再點 Open private preview。確認是預期頁面,可切換寬度檢查手機或桌面版面配置。電腦與開發伺服器須持續運行。

5. 需要時才分享
在 Preview settings 選擇期限並閱讀審核同意。允許後,分享頁面、腳本和圖片可送給 OpenAI 審核,私有預覽不進入此鏈路。在支援地區可點 Create share link;持有連結的人不需帳號便可存取開放網站和已設定服務。請選短期限與無敏感資料。

請指定訪客開啟連結,閱讀訪客說明後再決定是否繼續。私有預覽成功不保證所有內容都通過分享審核。僅自己查看時不要分享。
6. 結束存取
Stop sharing 撤銷訪客連結並保留私有預覽;Stop preview 結束整個預覽。關閉面板不是撤銷分享。歷史實測中,停止分享後訪客無法繼續查看,私有預覽仍在。

依症狀排查
| 現象 | 檢查方向 |
|---|---|
| 沒有網站 | 確認網站在電腦可開啟,核對專案與實際連接埠,再重新整理或手動輸入。 |
| 未驗證專案 | 自行核對連接埠,發現監聽器不是歸屬證明。 |
| 預覽不可用 | 檢查主機連線與版本。帳號總額:免費同時一個、Pro 最多五個;目前每台電腦最多兩個,仍受帳號總額限制。 |
| HTTPS 錯誤 | 核對協定與被主機執行環境信任的 localhost 憑證,不要關閉驗證。 |
| 頁面部分失效 | 檢查本機後端、登入、即時串流和框架相容性;靜態頁成功不等於整站通過。 |
| 分享不可用或被拒 | 查看地區、同意、主機版本和錯誤原因;可保留私有,不要反覆外送敏感內容。 |
| 過期或斷線 | 確認電腦在線。兩分鐘恢復窗口不是保證;已結束時重建預覽,仍需分享才重建連結。 |
接著閱讀 Portal 設計邊界與 1.13 版本公告。