arrow_back

安裝到裝置

IPHONE / IPAD · 兩種方式二選一

lightbulb iOS 的 Safari、Chrome、Firefox 都可以加入主畫面，操作位置略有不同
A

Safari（最簡單）

分享鈕在畫面底部中間

ios_share

1 · 點底部分享按鈕

在 Safari 畫面底部工具列中間，點上箭頭分享圖示

add_box

2 · 選「加入主畫面」

在彈出選單中向下滑動，找到「加入主畫面」（圖示是一個 + 方框）

check_circle

3 · 點右上角「新增」

確認名稱後點右上角「新增」，圈圈圖示會立即出現在主畫面

B

Chrome / Firefox / Edge

分享鈕在網址列右側

ios_share

1 · 點網址列右側的分享圖示

quan.club 網址列右側有一個上箭頭分享圖示，點它

more_horiz

2 · 點「檢視較多選項」

分享選單中向下滑或點「⋯ 檢視較多選項」展開完整動作清單

add_box

3 · 選「加入主畫面」→ 新增

找到「加入主畫面」點一下，確認名稱後按「新增」

iOS 所有瀏覽器核心都是 WebKit，安裝後的體驗完全一致：全螢幕、無瀏覽器工具列、支援推播通知

ANDROID · CHROME

lightbulb 推薦用 Chrome；Samsung Internet、Firefox 也支援，但步驟略有不同
install_mobile

1 · 點網頁底部的「安裝」提示

多數裝置進 quan.club 會自動在畫面下方彈出「安裝圈圈」提示條，直接點它最快

more_vert

2 · 若沒看到提示，從選單安裝

點 Chrome 右上角「⋮」→ 選「新增至主螢幕」或「安裝應用程式」

check_circle

3 · 確認「安裝」

圈圈會出現在主畫面與「所有應用程式」列表中，行為與 Play Store App 幾乎相同

Android 的 PWA 支援桌面捷徑、推播通知、背景更新

MAC · 兩種方式二選一

A

Chrome 或 Edge（最推薦）

支援推播通知、自動更新

install_desktop

1 · 點網址列右側的安裝圖示

用 Chrome / Edge 開啟 quan.club，網址列最右側會出現 install_desktop 安裝圖示

check_circle

2 · 點「安裝」

圈圈會出現在 Dock、Launchpad、應用程式資料夾

B

Safari（macOS Sonoma 14 或更新）

較舊的 macOS 請改用方式 A

folder_open

1 · 選單列「檔案」→「加入 Dock」

用 Safari 開啟 quan.club，最上方選單點「檔案」→ 「加入 Dock」

check_circle

2 · 確認名稱後按「加入」

圈圈會以獨立 App 視窗的形式出現在 Dock

Chrome/Edge 方式支援推播通知；Safari 方式更系統化整合，推播功能依 macOS 版本而定

WINDOWS · CHROME 或 EDGE

lightbulb 推薦用 Windows 內建的 Edge；Chrome 也完整支援。Firefox 目前不支援 PWA 安裝
install_desktop

1 · 點網址列右側的安裝圖示

網址列最右側出現 install_desktop 安裝圖示；Edge 有時會自動彈出提示

push_pin

2 · 點「安裝」並可選「釘選到工作列」

圈圈會出現在開始選單與桌面，也可釘選到工作列

Edge 安裝的 PWA 可與系統深度整合，推播通知會進 Windows 通知中心