如何在 iPhone 和 iPad 上使用 Web 應用程序

蘋果的移動軟件多年來一直支持所謂的“網絡應用程序”。但什麼是網絡應用程序，它們與 iPhone 和 iPad 上使用的典型應用程序有何不同？這是您的簡短解釋。

什麼是網絡應用程序？

什麼時候蘋果談論“網絡應用程序”它指的是“漸進式網絡應用程序”，簡稱 PWA。蘋果更喜歡將它們稱為網絡應用程序，要么是因為谷歌首先推廣了“漸進式網絡應用程序”一詞，要么是因為沒有官方的 PWA 規範。無論如何，一般來說，PWA 是僅使用 Web 技術創建的靈活、適應性強的應用程序的簡寫。

從用戶的角度來看，將 PWA 視為一個可以安裝到主屏幕而無需從 App Store 下載的網站。一些例子流行的網絡應用程序包括 Google 地圖、星巴克、Tinder、Uber 和 Instagram。

諷刺的是，iOS 實際上是第一個支持 PWA 概念的平台。當 Apple 最初發布 iPhone 時，第一批應用程序是基於 HTML5 的，允許用戶手動將它們添加到主屏幕，以獲得全屏、類似應用程序的體驗。那時，App Store 還不算什麼。

Instagram 網絡應用程序

雖然蘋果在 App Store 出現後最初放棄了對網絡應用程序的支持，但 Google Chrome 繼續幫助改進相關網絡技術，到 2018 年，包括 Safari 在內的所有主要網絡瀏覽器都承諾支持網絡應用程序。從那時起，蘋果就繼續幫助發展網絡應用程序體驗，只是一直沒有明確表態。這就是為什麼當 Apple 在 WWDC 2022 上宣布打算支持網絡應用程序推送通知時，許多人感到驚訝。

網絡應用程序的優點和缺點

與充當簡單主屏幕書籤（見下文）的“網絡應用程序”不同，PWA 可以提前下載，可以離線工作，也可以使用常規的網絡 API。這使他們能夠提供類似應用程序的體驗，同時可以訪問地理位置、相機和 Apple Pay 等功能。

從開發人員的角度來看，走 PWA 路線意味著您可以避免讓應用程序通過 Apple App Store 審核流程的潛在麻煩。這可以使網絡應用程序比通過 App Store 的本機應用程序更容易被發現。訪問網站也比安裝應用程序更容易、更快捷，用戶還可以通過發送鏈接來共享網絡應用程序。

星巴克的網絡應用程序大小為 233KB，比 iOS 移動應用程序的 148MB 小 99.84%

推薦閱讀：如何在 iPhone、iPad、Mac、Windows 和 Web 上訪問 iCloud

另一方面，原生應用程序可以更好地與 iOS 集成，並提供更無縫的用戶體驗（儘管隨著 PWA 背後的 Web 技術的發展，這種情況正在慢慢改變）。例如，Web 應用程序只能存儲最多 50MB 的離線數據和文件。他們無法訪問某些硬件功能，例如藍牙和 Touch ID/Face ID，並且無法在後台執行代碼。他們還無法使用應用內支付和其他基於蘋果的服務。

1. 在 iPhone 或 iPad 上打開 Safari。
2. 導航到提供 WPA/Web 應用程序的網站 (這裡列出了許多）。
3. 點擊行動按鈕（通常稱為“共享”按鈕）。
4. 向下滾動共享表，經過聯繫人和應用程序行，然後選擇添加到主屏幕。
5. 為網絡應用程序命名，然後點擊添加。

您的新網絡應用程序將出現在設備主屏幕上的下一個可用空間中。如果您點擊它並被踢回到標準網站，請強制退出 Safari，然後再次啟動網絡應用程序。

如何設置網絡推送通知

在目前仍處於測試階段的 iOS 16.4 和 iPadOS 16.4 中，蘋果添加了一項新功能，允許添加到主屏幕的 Web 應用程序向 iPhone 和 iPad 用戶發送 Web 推送通知。

借助這項新功能，添加到用戶主屏幕的網絡應用程序可以通過“訂閱”按鈕或網絡應用程序設置中的其他類似選項請求接收推送通知的權限。此類通知的工作方式與其他應用程序的通知完全相同，顯示在鎖定屏幕、通知中心和配對的 Apple Watch 上。

1. 打開您添加到主屏幕的網絡應用程序。
2. 找到並啟用打開推送通知的設置。
3. 當出現權限提示時，點擊允許允許網絡應用程序向您發送通知，就像它是一個典型的應用程序一樣。

完成此操作後，您將能夠從內部控制 Web 應用程序的警報和圖標徽章通知的部分設定應用程式.

將網站書籤添加到主屏幕

對於沒有專用移動應用程序或網絡應用程序來訪問其內容的網站，您仍然可以使用相同的方法將本質上是網站書籤的內容添加到主屏幕添加到主屏幕Safari 的共享菜單中的選項。

在主屏幕上創建書籤可讓您將其用作一鍵式門戶來訪問特定的在線內容，而不必打開瀏覽器，然後選擇書籤或輸入網站的 URL 地址。

當您點擊主屏幕上的網站書籤時，它會在您選擇的特定頁面上的 Safari 中打開。儘管它不是網絡應用程序，但如果您鏈接到的網站具有適合移動設備的動態佈局（例如 MacRumors），則從主屏幕訪問它會感覺像應用程序一樣的體驗。