跳到主要內容

WalletMap 安裝教學:手機、平板、電腦都能用

14 min read

WalletMap 安裝教學:手機、平板、電腦都能用 你可能已經在電腦上用 WalletMap 追蹤資產了,但其實它在手機上也能用——而且不用上 App Store 下載,直接從瀏覽器裝就好。

這就是 PWA(Progressive Web App) 的好處:用網頁的方式裝一個「看起來像 App、用起來也像 App」的東西到你的主畫面。整個過程大約 10 秒,不過依照你用的手機、瀏覽器、甚至系統版本不同,實際步驟會有點差異,這篇就把每一種情況都寫清楚。

什麼是 PWA?

簡單說,PWA 是「可以裝起來的網頁」。裝完之後它會出現在你的主畫面,點開就是全螢幕,沒有瀏覽器網址列在上面,用起來跟一般 App 沒什麼差別。

幾個比較有感的點:

  • 一鍵開:從主畫面點開,不用每次都打開瀏覽器再輸入網址
  • 全螢幕:沒有瀏覽器工具列佔空間,畫面更乾淨
  • 永遠最新:每次打開都是當前版本,不必手動更新
  • 跨平台:iPhone、Android、Mac、Windows、Chromebook 都能裝
  • 不用經過任何審核:不用下載安裝檔,也不用等 App Store 上架審查,直接從網站就能裝

iPhone / iPad 安裝步驟

所有資產集中在一個總覽的概念插畫

iOS 這邊過去一直是比較尷尬的存在——很長一段時間,iPhone 跟 iPad 上只有 Safari 能把 PWA 裝到主畫面。這個限制在 iOS/iPadOS 16.4(2023 年 3 月推出)之後解除了。從這個版本開始,Safari、Chrome、Edge、Firefox、Orion 都可以安裝 PWA,原因是 iOS 上所有瀏覽器底層其實都跑同一套 Apple 的 WebKit 引擎——你用的瀏覽器只是外面那層介面不一樣,核心其實一樣,所以 Apple 一開放安裝功能的 API,等於所有瀏覽器同時都能用了。

如果你的 iOS 版本還在 16.4 之前,那 Safari 仍然是唯一能裝的選擇。這個更新推出也有一段時間了,多數人現在的系統版本應該都已經過了這個門檻——不過如果你在 iPhone 上用 Chrome 或 Firefox 找不到「加入主畫面」的選項,這是第一個該檢查的地方。

有個小地方值得先說:iOS 不會像 Android 一樣自動跳出「安裝這個 App」的橫幅提示,一定要自己去分享選單裡手動找出來——沒有彈窗提醒你,不知道要去哪裡找的話很容易就錯過了。

步驟:

  1. 打開 Safari(iOS 16.4 以上也可以用 Chrome / Edge / Firefox),前往 walletmap.app
  2. 點擊畫面底部的 分享按鈕(方框加上往上箭頭的圖示)
  3. 在分享選單中往下滑,找到並點選 「加入主畫面」
  4. 確認名稱(預設是「WalletMap」),點擊右上角的 「新增」

完成。主畫面上會多一個 WalletMap 圖示,點開就直接進去了。

Android 手機安裝步驟

Android 整體來說比 iOS 更容易發現安裝選項,但實際操作路徑會依你用的瀏覽器不同而有差異。這裡把三個最常見的瀏覽器都寫出來。

Chrome 是最常見也最直覺的選擇。Chrome 支援 beforeinstallprompt 這個安裝提示的機制,所以它可以主動跳出來建議你把網站裝成 App;詳細路徑可以對照 Chrome 官方的 PWA 安裝說明

Chrome 步驟(可參考 Chrome 官方的 PWA 安裝說明):

  1. 打開 Chrome,前往 walletmap.app
  2. Chrome 通常會在底部彈出 「安裝應用程式」 的提示,直接點擊即可
  3. 如果沒有看到提示,點擊右上角的 三個點選單,選擇 「安裝應用程式」
  4. 在確認視窗中點擊 「安裝」

Samsung Internet(大部分三星手機的預設瀏覽器)操作方式稍微不一樣,不過它也支援同樣的安裝機制,最後裝出來的效果一樣是獨立的 App 圖示。

Samsung Internet 步驟:

  1. 打開 Samsung Internet,前往 walletmap.app
  2. 點擊右下角的 漢堡選單
  3. 點選 「加入」
  4. 選擇 「主畫面」

Firefox for Android 也可以把網站裝到主畫面,只是選單裡的名稱會依版本不同而有點出入——找「安裝」或「加到主畫面」這類選項就對了。有一點值得先知道:Firefox 對「完全獨立視窗模式」(也就是裝完之後完全沒有瀏覽器網址列)的支援不像 Chrome 那麼完整,依你的 Firefox 版本,裝完之後有可能還是會看到一條細細的網址列。日常使用不影響功能,只是獨立 App 的感覺會比 Chrome 裝出來的稍微沒那麼徹底。

Firefox 步驟:

  1. 打開 Firefox,前往 walletmap.app
  2. 點擊 三個點選單
  3. 找到並點擊 「安裝」「加到主畫面」
  4. 在彈出視窗中確認

不管用上面哪一種瀏覽器裝完之後,WalletMap 都會出現在主畫面跟應用程式抽屜裡,跟一般 App 一樣。

電腦桌面安裝步驟

電腦也可以裝。實際步驟會依瀏覽器跟作業系統有些不同。

Chrome / Edge(Windows 跟 macOS 都適用)的裝法一樣,也是桌面版裡最簡單的路徑。

Chrome / Edge 步驟:

  1. 打開 ChromeEdge,前往 walletmap.app
  2. 你會在網址列右側看到一個 安裝圖示(依瀏覽器不同,可能是小小的下載圖示或加號)
  3. 點擊圖示,然後在彈出視窗中點擊 「安裝」
  4. WalletMap 會以獨立視窗開啟——Windows 上會出現在開始功能表跟工作列,macOS 上會出現在 Launchpad,也可以直接拖到 Dock

macOS 上的 Safari 也能裝 PWA,但有個版本門檻要注意:需要 macOS Sonoma 14、Safari 17 以上。如果你的 macOS 版本比較舊,Safari 選單裡根本不會出現「加入 Dock」這個選項——這種情況下,最簡單的解法就是改用 Chrome 或 Edge,這兩個沒有這個版本限制。

macOS Safari 步驟(14 以上):

  1. 打開 Safari,前往 walletmap.app
  2. 從選單列選擇 「檔案」→「加入 Dock」
  3. WalletMap 會出現在你的 Dock 上

不管用上面哪一種方式裝完,WalletMap 都會在自己的獨立視窗裡跑——沒有分頁、沒有網址列,跟你從 Dock 或工作列點開的其他桌面 App 沒有兩樣。

裝不起來怎麼辦

有時候安裝選項就是不出現,或是明明看過一次卻找不到了。幾個常見的原因:

  • 可能其實已經裝過了。 瀏覽器在網站已經被安裝成 App 之後,通常就不會再顯示安裝提示。先看看主畫面、應用程式抽屜,或是電腦的開始功能表 / 應用程式資料夾,說不定它早就靜靜躺在那裡了。
  • 你正在用無痕視窗瀏覽。 大部分瀏覽器的無痕 / 隱私模式會直接擋掉 PWA 安裝,因為瀏覽器把這個瀏覽階段當成暫時性的。改用一般視窗開啟網站就好。
  • 瀏覽器版本太舊。 PWA 的支援這幾年進步很多,太舊的瀏覽器版本可能根本沒有安裝這個功能。更新到最新版通常就能解決。
  • iOS 上找錯地方了。 iOS 沒有自動跳出的安裝橫幅,這個選項只藏在分享選單裡,很容易滑過去沒看到。如果一打開分享選單沒有馬上看到「加入主畫面」,記得繼續往下滑,它通常在上面那排分享對象的下面幾行。
  • 公司或學校的受管理裝置。 有些單位會透過 MDM(行動裝置管理)政策鎖住裝置的部分設定,PWA 安裝有可能就是被擋掉的功能之一。如果你用的是公司或學校配發的手機、筆電,上面的方法都試過還是不行,可以問問你們的 IT 部門。

如果上面都檢查過了還是裝不起來,其實直接在瀏覽器分頁裡用網站版也完全沒問題——安裝只是多一個方便的入口,不是使用的必要條件。

裝完之後會有什麼差別?

幾個你打開來會立刻感覺到的不同:

全螢幕模式:瀏覽器的網址列、工具列都沒了,WalletMap 佔滿整個畫面,手機上特別有感。

App 切換器裡是獨立 App:在手機的多工切換畫面,WalletMap 會自己一張卡片,不會跟 Chrome 或 Safari 的分頁混在一起。

資料完全沒動:裝 PWA 不會影響任何你的資料。Google Sheets 還是那個,設定還是那些,PWA 改的只是「打開的方式」而已。

常見問題

Q: 安裝 PWA 需要額外註冊嗎? 不需要。如果你已經有 WalletMap 帳號,安裝後直接登入就好。

Q: PWA 跟原生 App 有什麼差別? 對使用者來說差異不大——都有全螢幕、主畫面圖示、獨立視窗。主要差別是 PWA 從瀏覽器安裝,不需要透過 App Store。

Q: 我可以在多台裝置上安裝嗎? 可以。手機、平板、電腦都可以各安裝一個。資料都是從你的 Google Sheets 讀取,所以在任何裝置上看到的都是一樣的。

Q: 裝起來會佔多少空間? 非常少。PWA 跟原生 App 不一樣,不是一整包要下載安裝的獨立程式,它比較接近一個捷徑加上一些快取檔案,用來讓下次開啟更快,佔用的空間比一般 App Store 裡的 App 小很多。

Q: 離線可以用嗎? 看資料的部分不行。因為 WalletMap 是即時從你自己的 Google Sheets 讀取財務資料,而不是存在我們的伺服器上,所以要讀到最新的數字還是需要網路連線。這個取捨也正是「資料只存在你的 Sheets 裡」這個設計能成立的原因。

Q: 解除安裝怎麼做? 跟一般 App 一樣——在手機上長按圖示選擇刪除,在電腦上從應用程式列表中移除即可。

開始安裝

整個過程大概十秒。現在用手機瀏覽器打開 walletmap.app,照著上面的步驟把它加到主畫面就好。

之後不管在哪、用什麼裝置,看一眼自己的資產全貌都只是點一下的事。

相關文章