iPhone 网页版 App 是什麽？告诉你使用的 5 大优点

苹果在 iOS 16.4 版本中，让使用者可以把网页加入到主画面以後变成一个独立的网页 App，这个网页 App 是什麽？使用网页 App 有什麽优缺点？今天这篇文章中就要跟大家聊聊，什麽是网页版 App？背後使用的「渐进式网路应用程式」（PWA）原理是什麽？

iPhone 网页版 App 是什麽？

苹果在 iOS 16.4 中，把 Safari 的「加入主画面」这项功能再进化，不仅仅是变成书签，如果这个网页有支援 PWA 技术的话，还可以变成一个简易版的独立 App。

目前最显着的功能就是可以单独接收网页的推播讯息。

网页版 App 其实你就可以把它看成是一个 App，只是功能比较简单一点，但是像是开启相机、开启 Apple Pay、离线存取…等功能都可以使用。

但是这项功能需要网站开发者使用 PWA 的规范去架构网站才可以，如果想了解 iPhone 网页 App 跟一般网页变成书签有什麽差别，可以参考《iOS 16.4 把网页加到桌面就变 App，这 4 大特色学起来更好用》这篇文章里面的教学以及比较。

那麽 PWA 是什麽？使用 PWA 有什麽好处呢？

渐进式网路应用程式 PWA 是什麽？

PWA 的全名是 Progressive Web App，中文叫做「渐进式网路应用程式」，是一种以网页技术为基础的应用程式开发方法。

PWA 结合了网页和 App 的优点，提供了更快、更稳定、更具互动性的使用体验，同时具有传统网页无法实现的离线存取、推播通知等功能。

▲ 制作成网页版 App 後可以在设定中设定推播方式

PWA App 在设计时有一个重要的特点，就是「渐进式增强」，也就是可以根据使用者的装置、网路环境、功能支援等条件，提供不同程度的使用体验，同时又可以逐渐增强应用程式的功能，让使用者渐渐体验到更加优秀的 App 操作。

PWA 使用的 4 大技术

Web App Manifest：定义了应用程式的基本资讯，例如名称、图示、主题色彩等。
Service Worker：在背景执行的 JavaScript 程式，暂存网页资源、实现离线存取、推送通知等功能。
App Shell 模型：将应用程式的介面和核心逻辑分离，以提高首次载入速度。
Responsive Web Design：基於弹性布局和弹性图片等技术，实现跨平台的设计和开发。

PWA 的 5 大优点

PWA 很重要的一个特点就是不需要下载、安装，直接透过浏览器即可存取，这也是为什麽 iOS 16.4 可以透过「加入主画面」的功能将 PWA 网页做成网页 App。

PWA 也可以在任何设备上运作，包括桌面电脑、平板电脑、手机等，具有良好的跨平台支援性，包含 iOS、Android、PC 都可以。

▲ Android 上也可以使用 PWA 规范下的网页版 App

快速：PWA 具有快速载入、动画效果流畅和即时回应的特色。
可靠：PWA 可以在不稳定的网路环境下工作，并支援离线存取，可以随时随地取用资讯。
安全：PWA 可以在 HTTPS 安全协定下运作，保证使用者资讯的安全性。
跨平台：PWA 可以在各种不同的平台和浏览器上执行，开发成本低，易於维护和更新。
可发现性：PWA 可以被搜索引擎索引，并且可以透过分享连结的方式传递。

iPhone 网页版 App 是什麽？总结

总结来说，iPhone 网页版 App 可以简化企业开发 App 的流程，因为 PWA 是基於 Web 技术开发的，开发人员可以使用现有的技术、工具和平台来开发 PWA，而不需要学习新的技术或开发环境。此外，由於 PWA 的代码是单一版本的，因此维护也变得容易，因为开发人员只需要更新一个版本的代码。

对於使用者来说，也不用在 iPhone 上透过 App Store 安装 App，在浏览网页时把网页加入主画面就是一个 App 了，大幅简化了取得 App 的时间成本，而多数 App 可以做到的效果在网页版 App 上也能够达成。