Proxee 是什麼?
Proxee 是一款 macOS 選單列應用程式,可將本機網頁開發伺服器鏡像到 iPhone,讓開發者在開發時預覽並與即時網站互動。它專為想在真實 iPhone 上檢查行動版版面、導覽、捲動與重新載入行為,且不需修改專案程式碼的網頁開發者而設計。
這個產品會透過 QR 碼設定與受信任裝置配對,將 Mac 與 iPhone 連接到同一個區域網路。根據網站說明,它可搭配本機網頁伺服器與 Next.js、React、Astro、Vite 等框架運作,並在 HTTP 層運作,不需要轉接器或程式碼變更。
主要功能
- iPhone 即時預覽:將本機開發專案顯示在已連線的 iPhone 上,方便你在開發過程中檢視行動版介面。
- 即時重新載入與同步:在已配對裝置間同步重新載入、頁面導覽、捲動位置與主題變更。
- QR 碼配對流程:設定會先選擇本機連接埠、掃描 QR 碼,並在 iPhone 上核准配對。
- 與框架無關的代理:可搭配本機開發伺服器使用,不需要專案專屬轉接器或變更,並標示相容於常見框架與伺服器。
- 免費 iOS 輔助 App:包含一個輔助 App,可讓 iPhone 保持喚醒並記住工作階段,適合長時間作業。
- 僅限本機運作:在 Mac 上執行並透過區域網路通訊,不涉及雲端中繼或外部伺服器。
如何使用 Proxee
安裝 Mac App,從選單列啟動,並指定本機網頁伺服器所在的連接埠。接著用 iPhone 掃描 QR 碼,並核准配對請求。
配對完成後,在 iPhone 上開啟代理後的網站,並在 Mac 上工作時把它當成即時行動版預覽使用。若需要更長時間的工作階段,可使用輔助 App,讓手機保持喚醒並維持工作階段可用。
使用情境
- 在 Mac 上編輯本機網站時,於真實 iPhone 上檢查響應式版面。
- 在開發過程中驗證捲動行為、頁面導覽與重新載入行為。
- 在已配對裝置間測試本機登入或瀏覽器式 OAuth 流程。
- 反覆切換裝置或重建工作流程之前,先檢視主題變更與其他 UI 狀態變更。
- 針對框架型本機開發伺服器工作,且希望在不加入整合程式碼的情況下進行行動版預覽。
常見問題
-
Proxee 是用於 iOS App 開發嗎? 不是。網站說明它是給網頁開發者使用,用來在 iPhone 上預覽本機執行的網頁開發伺服器。
-
需要專案變更或轉接器嗎? 不需要。這個產品被描述為與框架無關,且不需要程式碼變更或特殊轉接器。
-
有輔助 App 嗎? 有。網站提到有一個免費的 iOS 輔助 App,可讓 iPhone 保持喚醒並記住工作階段。
-
Proxee 可以離線或在本機使用嗎? 它被描述為僅限本機運作,代理在 Mac 上執行,流量都停留在本機網路。
-
支援 Android 嗎? 網站表示它針對 iOS 進行最佳化,但也可與同一 Wi-Fi 上的其他瀏覽器搭配使用。主要較完整的流程是以 iPhone 為核心設計。
替代方案
- 使用桌面內建瀏覽器與響應式設計工具:適合快速檢查版面,但無法提供相同的真實裝置行動版預覽流程。
- 遠端裝置測試服務:適合更廣泛的裝置存取與跨裝置測試,通常使用雲端託管基礎架構,而非本機 LAN 工作流程。
- 傳統隧道或預覽代理工具:這類工具可讓本機網站對外存取,但可能不強調受信任裝置配對、捲動同步或以 iPhone 為中心的輔助工作流程。
- 在同一個 Wi-Fi 上手動重新整理裝置:最簡單的臨時檢查方式,但缺少 Proxee 所描述的配對同步與工作階段持續性。
替代品
FixMyCWV
FixMyCWV 是一款 Core Web Vitals 稽核工具,可找出 LCP、INP、CLS 問題,並提供程式碼層級修正建議,適合需要可行效能分析的開發者與團隊。
Ably Chat
Ably Chat 提供聊天 API 與 SDK,讓你打造自訂即時聊天室,支援反應、在線狀態、訊息編輯/刪除等功能。
AakarDev AI
AakarDev AI 是一個強大的平台,通過無縫的向量資料庫整合簡化 AI 應用程式的開發,實現快速部署和可擴展性。
DeepMotion
DeepMotion 是 AI 動作捕捉與身體追蹤平台,可在網頁瀏覽器從影片(或文字)生成 3D 動畫;並提供 Animate 3D API 供開發整合。
Arduino VENTUNO Q
Arduino VENTUNO Q 邊緣 AI 電腦,結合 AI 推論硬體與微控制器,支援機器人即時控制;透過 Arduino App Lab 進行嵌入式、Linux 與邊緣 AI 工作流程。
Devin
Devin 是 AI 程式碼代理,可平行執行程式碼遷移與大型重構子任務;工程師負責專案管理並審核變更。