PWA 与 AMP/MIP 什么是 AMP/MIP AMP HTML 规范 AMP Cache AMP JS 运行时 PWA 结合 AMP/MIP PWA 与 AMP/MIP 本节将会介绍 PWA 如何和 AMP/MIP 进行结合应用，以至于让 PWA 能够在搜索环境下体验变得更好。在看 PWA 如何和 AMP/MIP 结合之前，还是先了解...

什么是 PWA 什么是 PWA 随着移动互联网的发展，Native App 开始兴起，那么 Web App 落伍淘汰了吗？很显然答案是没有，它依然生机勃勃，和 Native App 互相依存，还衍生出很多 Native App 和 Web App 相结合的技术，比如 Hybrid App，React Native 等，Angular/ReactJS/...

PWA 与搜索 PWA 与搜索 PWA 是 Web 的一种形式，搜索仍是它的一大入口。 熟知搜索引擎的开发者都知道，早期的搜索引擎是不支持抓取 SPA(Single Page Application) 的，而 PWA 多是 SPA，在这种情况下，如何让搜索引擎能够更好的收录 PWA 页面是本章要介绍的第一个问题。 SPA 页面依赖于 JavaSc...

PWA 的核心技术 Web App Manifest Service Worker 离线通知 App Shell 和骨架屏 PWA 的核心技术 前文提到，PWA 的核心是用户体验，能让 PWA 达到原生应用的体验并不仅仅依赖于某一项技术，而是多管齐下，进行改进，从而在安全、性能和体验上都获得很大的提升。下面将简单介绍几个 PWA 应用中经常使...

为什么会出现 PWA 为什么会出现 PWA PWA 是 Progressive Web Apps 的缩写，翻译为渐进式网络应用。早在 2014 年， W3C 就公布过 Service Worker 的相关草案，但是其在生产环境被 Chrome 支持是在 2015 年。因此，如果我们把 PWA 的关键技术之一 Service Worker 的出现作为 ...

使用 Lighthouse 测评 PWA 使用 Lighthouse 测评 PWA 完成了 PWA 站点的开发之后，我们需要对站点进行评估和测试，了解其性能是否达标、是否符合 PWA 规范等。本章中，我们将介绍一款 Web App 的测评工具 —— Lighthouse 的使用，通过它的帮助，我们能够进一步了解 PWA 的缺陷和不足，有针对性地对站点...

在 AMP/MIP 页面中预加载 PWA 在 AMP/MIP 页面中注册站点的 Service Worker 编写 Service Worker 的逻辑 在 AMP/MIP 页面中预加载 PWA 通过本章第二节，我们了解到 AMP/MIP 不适合用实现复杂的 Web App，按照 AMP 官网的介绍，AMP 是“叶子页面”（有具体内容，不是导航类...

将 PWA 站点打包成 App 背景 打包教程 提供 PWA 站点 提供 email 指定 App 名称 指定应用包名 指定版本号 指定版本名称 App 密钥 & 密钥码 App Logo 打包成功 注意事项 将 PWA 站点打包成 App Lavas 提供了将 PWA 站点打包成安卓 App 的功能，欢迎 前往体验 。 ...

3.24 学习渐进式网页应用（PWA） 3.24 学习渐进式网页应用（PWA） 与传统应用程序不同的是，PWA混合了普通网页（网站）和移动应用程序。这种新的应用程序模型试图将大多数现代浏览器提供的功能与移动体验的好处结合起来。 在2015年，设计师朗西斯·贝里曼(Frances Berriman)和Google Chrome工程师亚历克斯·拉塞尔...

5.18 渐进式网页应用(PWA)工具： 5.18 渐进式网页应用(PWA)工具： lighthouse PWA清单