文件名称:pwa:如何将PHP网站转变为渐进式Web应用程序的示例
文件大小:18KB
文件格式:ZIP
更新时间:2024-05-23 23:40:35
php pwa progressive-web-app add-to-homescreen pwa-boilerplate
最简单的PWA,用于演示如何加快慢速应用程序的速度并添加到主屏幕/安装到桌面。 index.php在标题部分具有必需的清单。 默认情况下,index.php上的安装按钮是隐藏的。 准备安装PWA时,将显示安装按钮。 page1.php有两秒钟的睡眠时间来模拟缓慢的服务器端代码。 page2.php具有一秒钟的睡眠和动态内容(显示当前时间,以秒为单位)。 缓存了两个慢速页面以立即加载,而page2仍然具有动态内容。 应用程式可离线使用。 离线查看第2页会显示上次缓存的时间。 一旦网络重新联机,时钟就会再次开始计时。 玩得开心! 想法和要做的事: 我们如何在离线状态下捕获表格POST,并在网络恢复后发送它们? 离线时阻止某些用户操作的最佳方法是什么? 我们如何禁用某些URL上的缓存? (对于延迟加载快速变化的内容很有用)。
【文件预览】:
pwa-master
----manifest.json(389B)
----service-worker.js(520B)
----page1.php(97B)
----page2.php(756B)
----README.md(970B)
----script.js(1KB)
----index.php(624B)
----image()
--------icon-512.png(10KB)
--------icon-192.png(5KB)
----style.css(64B)