渐进式 Web 应用（PWA）-CSDN博客

本文链接：https://blog.csdn.net/weixin_41697143/article/details/129012391

PWA利用现代WebAPI如ServiceWorkers和IndexedDB，实现跨平台应用，提供接近原生应用的体验。它们是可发现、易安装、离线可用、渐进式、可重用且安全的。本指南涵盖了PWA的核心概念，包括如何使用ServiceWorkers实现离线功能、通过通知实现重用性，以及响应式设计的基础，帮助开发者创建快速加载和用户友好的应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

渐进式 Web 应用(PWA)

PWA(Progressive web apps，渐进式 Web 应用)运用现代的 Web API 以及传统的渐进式增强策略来创建跨平台 Web 应用程序。这些应用无处不在、功能丰富，使其具有与原生应用相同的用户体验优势。

PWA 是可被发现、易安装、可链接、独立于网络、渐进式、可重用、响应性和安全的。关于这些含义的细节，请参阅 PWA的优势。

核心 PWA 指南

以下指南通过简单的示例和工作原理，展示了实施PWA需要做什么。需要的时候再学习。

技术指南

用户端存储 — 关于如何使用 Web 存储、IndexedDB 和 Service workers 的指南。
使用 Service workers — 关于 Service Worker API 的深入指南。
使用 IndexedDB — 有关 IndexedDB 的知识与细节。
使用 Web 存储 API — Web 存储 API 简化了工作。
使用应用 Shell 架构的快速加载的 Web 应用 — 使用 App Shell 编码模式创建快速加载的应用的指南。
使用推送 API — 了解 Web Push API 背后的知识。
使用通知 API — 换言之，Web 通知。
响应式设计的构建模块 — 学习响应式设计的基础知识，也是现代应用布局的基本话题。
移动优先 — 在创建响应式应用程序布局时，通常将移动布局创建为默认并在顶部构建更宽的布局。
“添加到主屏幕”指南 — 了解如何利用添加到主屏幕(A2HS)。

工具

localForage — a nice simple JavaScript library for making client-side data storage really simple; it uses IndexedDB by default, and falls back to Web SQL/Web Storage if necessary.
ServiceWorkerWare — an Express-like microframework for easy Service Worker development.
oghliner — not only a template but a tool for deploying Offline Web Apps to GitHub Pages.
sw-precache — a node module to generate service worker code that will precache specific resources.
workbox — spiritual successor to sw-precache with more advanced caching strategies and easy precaching.
upup — a tiny script that makes sure your site is always there for your users.
The service worker cookbook — A series of excellent service worker/push recipes, showing how to implement an offline app, but also much more.