PWA Offline Page Creating a Custom Offline Page PWA Offline Page Vaadin automatically generates and serves an offline page. This is a simple page that: Includes the applicati...

PWA Application Icons Using a Custom Icon Overriding Generated Icons Renaming Icons PWA Application Icons PWAs need at least three icons: a favicon for the browser page, a de...

PWA Service Worker Defining Custom Cache Resources Overriding the Generated Service Worker PWA Service Worker When the @PWA annotation is found, Vaadin automatically generate...

Turning a Vaadin Flow Application Into an Installable PWA What Is a PWA? Generating PWA Resources Customize the Application Icon Customize the Offline Page Testing the Offline ...

PWA Web App Manifest Renaming the Manifest Overriding the Generated Manifest PWA Web App Manifest When the @PWA annotation is found, Vaadin automatically generates a web app ...

快速开始 PWA 工程 准备 依赖工具 初始化工程 目录结构 运行 快速开始 PWA 工程 我们提供了一套 CLI 脚手架工具，协助开发者快速搭建一个基于 Vue 的 PWA 工程，并且迅速体验 PWA 效果。 准备 本地安装最新版本的 Node.js Node.js：https://nodejs.org/ Git：https:...

PWA 的未来 PWA 的未来 从 Google 最初提出 PWA 到现在，PWA 已经有不小的改变了，这就是 Web 的魅力，遵循标准且完全开放的魅力，来自世界各地的开发者参与标准的制定，它还在不断进化，Web 即使已经 30 岁了，它还依旧是被广泛应用的技术之一。 关注 Web 标准化的开发者会在标准文档里发现很多有意思的提案，有 Web 蓝牙...

PWA 的发展 Flipkart 阿里速卖通(AliExpress) 饿了么 标准的支持 PWA 的发展 从 PWA 被提出到现在，已经过去了 4 年，PWA 取得的成绩有目共睹，特别是在国外，在网络速度不够快或者相对贫困的地区，PWA 非常受欢迎，因为它不需要很高的硬件配置，也很省流量，比如在印度，就有一个很成功的案例，Flipkart。 ...

什么是 PWA PWA 的特性 什么是 PWA Google 提出 PWA 的时候，并没有给它一个准确的定义，经过我们的实践和总结， PWA 它不是特指某一项技术，而是应用多项技术来改善用户体验的 Web App，其核心技术包括 Web App Manifest，Service Worker，Web Push 等，用户体验才是 PWA 的核心。 ...

使用 Lighthouse 测评 PWA 使用入门 Chrome 插件 Chrome DevTools 命令行工具（Lighthouse CLI） 安装 运行 CLI 生命周期 编程的方式使用 Lighthouse 性能报告 开启测试日志 自定义配置 使用 Lighthouse 测评 PWA Lighthouse 是 Googl...