PWA 安裝教學·4 分鐘閱讀
PWA 安裝教學：把 Mr.Splitter 加到手機桌面，像 App 一樣使用！
不用下載 App，直接安裝到桌面，享受原生 App 體驗
什麼是 PWA？
PWA（Progressive Web App）是一種可以「安裝到手機桌面」的網頁應用程式。安裝後，它會像一般 App 一樣出現在你的桌面上，點開就能直接使用，不需要從 App Store 或 Google Play 下載。
PWA 四大優勢
免下載安裝
不佔手機容量
桌面圖示
一鍵開啟
快速載入
秒開應用
推播通知
不錯過更新
iPhone / iPad 安裝步驟（Safari）
iOS 安裝步驟
1
用 Safari 開啟 Mr.Splitter
前往 mrsplitter.com 並登入你的帳號
2
點擊底部「分享」按鈕
Safari 底部工具列中間的分享圖示（方形加上箭頭）
3
選擇「加入主畫面」
向下滑動找到「加入主畫面」選項
4
確認名稱並點擊「新增」
Mr.Splitter 圖示就會出現在你的桌面上了！
Android 安裝步驟（Chrome）
Android 安裝步驟
1
用 Chrome 開啟 Mr.Splitter
前往 mrsplitter.com 並登入你的帳號
2
點擊右上角「三個點」選單
Chrome 右上角的更多選項按鈕
3
選擇「安裝應用程式」或「加到主畫面」
不同版本的 Chrome 文字略有不同
4
點擊「安裝」確認
安裝完成後，Mr.Splitter 會出現在你的桌面和應用程式列表中
從 LINE 直接安裝
如果你是從 LINE 開啟群組連結，Mr.Splitter 會自動偵測你的裝置，並在適當時機引導你安裝 PWA。只需要按照畫面指示操作即可。
安裝後的體驗
安裝完成後，你會發現 Mr.Splitter 的使用體驗跟一般 App 幾乎一模一樣：
- 全螢幕顯示：沒有瀏覽器的網址列和工具列，畫面更大更舒適
- 快速啟動：從桌面直接點擊圖示就能開啟，不需要先開瀏覽器
- 即時同步：需要網路連線，所有資料即時同步到雲端
- 自動更新：每次開啟時會自動檢查更新，永遠使用最新版本
- 不佔空間：PWA 只佔很少的儲存空間，不像傳統 App 動輒幾十 MB
小提醒
- iPhone 用戶必須使用 Safari 瀏覽器才能安裝 PWA（Chrome/Firefox 不支援）
- Android 用戶建議使用 Chrome 瀏覽器安裝
- 安裝後如果看到「更新可用」的提示，點擊更新即可獲得最新功能
PWA vs 傳統 App 比較
| Mr.Splitter PWA | 傳統 App | |
|---|---|---|
| 安裝方式 | 瀏覽器一鍵安裝 | App Store 下載 |
| 佔用空間 | 極小（< 5MB） | 通常 50-200MB |
| 更新方式 | 自動更新 | 手動更新 |
| 網路需求 | 需要連線 | 部分功能離線可用 |
| 桌面圖示 | 有 | 有 |
常見問題
- Q1. PWA 是什麼？跟 App 有什麼差別？
- PWA（Progressive Web App，漸進式網頁應用）是用網頁技術打造的「像 App 的網站」。可以加到桌面、離線使用、推播通知，但不需要透過 App Store 下載，更新即時無延遲。
- Q2. 把 Mr.Splitter 加到桌面有什麼好處？
- (1) 開啟比書籤快、跟原生 App 一樣；(2) 全螢幕模式、沒有瀏覽器網址列；(3) 支援推播通知（記帳提醒、結算通知）；(4) 部分功能可離線使用。
- Q3. iOS 和 Android 怎麼安裝？
- iOS Safari：開啟 https://mrsplitter.com → 點底部「分享」→ 選「加到主畫面」。Android Chrome：開啟同網址 → 瀏覽器會自動跳出「安裝應用程式」提示，或從右上選單選「加到主畫面」。
- Q4. 安裝 PWA 需要什麼權限？
- 不需要任何特別權限。安裝動作只是把網頁圖示加到桌面，不存取任何個資。要使用通知功能時瀏覽器會額外詢問是否允許。