iPhone 推播設定教學
iPhone 網頁 App 怎麼收到推播通知?加到主畫面、開權限到排查的完整教學
同一個網站,Android 按一下「允許」就能收通知,iPhone 卻連詢問視窗都不出現。原因不是網站壞了,而是 iPhone 對網頁推播多了一道前提:先加到主畫面。這篇用 TripBoard 的行程提醒當例子,從頭走一遍設定,再整理收不到時該檢查哪裡。
Read this in English- iPhone 推播
- PWA
- 加入主畫面
- 行程提醒
為什麼用 Safari 直接開網頁收不到通知#
在電腦或 Android 上,網站可以直接跳出「是否允許通知」,按允許就完成了。iPhone 的做法不一樣:依 Apple 官方說明,iOS 與 iPadOS 從 16.4 開始支援網頁推播(Web Push),但對象是已加到主畫面的網頁 App,不是一般的 Safari 分頁。
換句話說,在 Safari 分頁裡打開網站時,網站根本拿不到推播功能,自然也問不了你要不要允許。只有把網站加到主畫面、從那個圖示開啟後,它才會以「App」的身分執行,推播與通知權限才會出現。TripBoard 偵測到你在 iPhone 的 Safari 分頁裡時,設定頁的通知狀態會顯示「需加到主畫面」,就是這個原因。
開始前先確認兩件事#
- iOS/iPadOS 16.4 以上:到「設定 → 一般 → 關於本機」看版本。版本太舊的話,就算加到主畫面也無法接收網頁推播,需要先更新系統。
- 用 Safari 加到主畫面:iOS 上的瀏覽器依 Apple 規定多半使用與 Safari 相同的 WebKit 引擎,部分第三方瀏覽器的分享選單也有加入主畫面的選項,但各家支援程度不一。為了少踩坑,這篇一律以 Safari 示範。
設定步驟:從加到主畫面到收到第一則通知#
步驟 1:用 Safari 打開網站,點「分享」#
用 Safari 打開 TripBoard(或任何支援推播的網頁 App),點網址列附近的「分享」按鈕(方框加上箭頭的圖示)。按鈕位置會因 Safari 版面設定在畫面下方或上方,找那個圖示就對了。
步驟 2:選「加入主畫面」#
在分享選單往下滑,找到「加入主畫面」,確認名稱後新增。主畫面會多出一個圖示,看起來和一般 App 一樣。
步驟 3:從主畫面的圖示開啟#
這一步最常被跳過:加完之後要關掉 Safari,改點主畫面上的新圖示。開啟後上方沒有網址列,代表它正以網頁 App 的身分執行;之後要開通知、收通知,都要從這個圖示進來。
另外留意:在 iOS 上,主畫面 App 與 Safari 分頁的網站資料可能是分開保存的。如果你之前在 Safari 分頁裡建過行程,從主畫面開啟後看不到,可以先在 Safari 那邊用「設定 → 匯出備份」,再到主畫面 App 匯入。離線使用的相關說明可參考 離線行程 App 實測。
步驟 4:在 App 內開啟通知#
在 TripBoard 有兩個入口:到 設定 的「通知」區塊打開「行程提醒」,或在某趟行程的選單裡開啟「行程提醒」,勾選要在出發前 7 天、前 1 天、當天早上,或行程結束隔天提醒結算。iOS 規定通知權限必須由你的操作觸發,所以一定要親手按下開關,網站不會自己跳出詢問。
步驟 5:在系統視窗按「允許」#
按下開關後,iPhone 會跳出系統的通知權限視窗,按「允許」。回到設定頁,「瀏覽器權限」應該顯示「已允許」。如果不小心按了不允許,狀態會變成「已封鎖」,網站也無法再問第二次,請直接看下面的排查段落。
步驟 6:按「發送測試通知」確認#
權限已允許、這台裝置也訂閱成功後,設定 的通知區塊會出現「發送測試通知」按鈕。按下去,幾秒內應該會收到一則「TripBoard 測試通知」。收得到,就代表之後的行程提醒也會用同樣的方式送到這台裝置。測試通知每台裝置在 24 小時內最多 3 次,不會影響任何行程的提醒。
收不到通知時,依序檢查這五件事#
- 是不是從 Safari 分頁開的:最常見的原因。網址列還在、設定頁顯示「需加到主畫面」,就代表你不是從主畫面圖示進來的。關掉分頁,改點主畫面圖示。
- 通知被封鎖了:依 Apple 官方說明,加到主畫面的網頁 App 和一般 App 一樣,可以在 iPhone 的「設定 → 通知」清單裡找到並重新允許。若清單裡找不到,可以把主畫面圖示刪除後重新加入,再從新圖示開啟通知。
- 專注模式或勿擾模式:開著專注模式時,通知可能被靜音或只進通知中心。到「設定 → 專注模式」檢查目前的模式,必要時把這個 App 加進允許清單。
- 低耗電模式:系統可能延後部分背景活動。若懷疑是它,先暫時關閉低耗電模式,再按一次「發送測試通知」比對。
- 換過手機或清過網站資料:提醒設定與訂閱只存在這台裝置,換手機、刪掉主畫面圖示或清除網站資料後,需要重新加到主畫面並開啟通知。
如果測試通知顯示「這台裝置的訂閱已失效」,代表推播服務那端已經不認得這台裝置,關閉通知後再重新開啟一次即可。
Android 與電腦版 Chrome 有什麼不同#
Android 與電腦上的 Chrome、Edge、Firefox 不需要先加到主畫面,直接在網頁上開啟通知、按允許就好。但它們也可以「安裝」成 App:Android 的 Chrome 會提供安裝選項,TripBoard 行程列表的教學選單裡也有安裝入口。安裝後有獨立的圖示與視窗,開起來比較快,但不是收通知的必要條件。
通知被封鎖時怎麼改回來
- Chrome:網址列左側的圖示 → 網站設定 → 通知 → 允許。
- Edge:網址列左側的圖示 → 這個網站的權限 → 通知 → 允許。
- Firefox:網址列左側的鎖頭 → 清除這個網站的權限設定,重新整理後再開一次。
TripBoard 的提醒會送什麼、不會上傳什麼#
TripBoard 的行程資料預設只存在你的裝置上,推播提醒是少數需要伺服器幫忙的功能:伺服器得知道「哪天要送給哪台裝置」,才能在那天早上把通知推出去。所以上傳範圍壓到最小。
會送出的通知
- 出發前 7 天:「該開始準備行李與證件了」。
- 出發前 1 天:「最後確認一次行程與航班時間」。
- 出發當天早上:點開看今天的安排。
- 行程結束隔天:這台裝置上還有沒結清的費用時,提醒你結算分帳;全部結清後就不再提醒。
- 提醒固定在台灣時間早上送達,每趟行程分開設定,免費、不需要註冊。
上傳與不上傳
- 會上傳:行程名稱、各提醒的送出日期與勾選的時間點,以及送出通知必需的推播端點、加密金鑰、介面語系與時區。
- 不會上傳:出發日本身、景點、花費、分帳成員、照片與備註。
- 關閉某趟行程的提醒會刪除該行程的排程;在設定頁取消訂閱這台裝置,則會刪除這台裝置的訂閱與所有排程。逐欄說明見 隱私政策。
提醒對應的時間點,正好是 出國前檢查清單 裡的三個節點:一週前處理要等的事、前一天做最後確認、當天早上只摸口袋。
常見問題#
iPhone 網頁可以收到推播通知嗎?
可以,但有條件。依 Apple 官方說明,需要 iOS 或 iPadOS 16.4 以上,並把網站「加入主畫面」,再從主畫面圖示開啟、在網站內開啟通知並按允許。直接在 Safari 分頁裡瀏覽是收不到的。
為什麼網站沒有跳出「允許通知」的視窗?
在 iPhone 上最常見的原因是你還在 Safari 分頁裡,網站拿不到推播功能,也就無法詢問。其次是 iOS 版本低於 16.4,或之前已經按過不允許,這時網站不能再問一次,要到 iPhone 的「設定 → 通知」裡重新允許。
按了不允許之後,怎麼重新開啟通知?
iPhone 上加到主畫面的網頁 App 可以在「設定 → 通知」清單中找到並改回允許;找不到時,刪掉主畫面圖示後重新加入再開啟。電腦或 Android 的 Chrome 則是從網址列左側的圖示進入網站設定,把通知改成允許。
怎麼確認通知設定成功?
在 TripBoard 的 設定 頁,權限已允許且這台裝置訂閱成功後,通知區塊會出現「發送測試通知」按鈕,按下後幾秒內應該就會收到。收到就代表行程提醒也能正常送達。
加到主畫面,讓行程提醒替你記出發日
不用註冊、不用下載 App。建立行程 並填好出發日,加到主畫面後從行程選單開啟提醒,再到設定頁發一則測試通知確認。
開始規劃行程