文件名称:ldd-pwa:Lighthouse Driven Development Progressive Web App简单示例。 (来自https的启发
文件大小:202KB
文件格式:ZIP
更新时间:2024-05-31 03:16:08
manifest pwa service-worker progressive-web-app firebase-hosting
LDD PWA 如何使用这个储存库 您正在看到最新的修订版。 如果您想一步一步重播,请回到第一个提交并连续检出每个提交。 步骤1 从Chrome运行审核。 自动化 运行Chrome Headless(先决条件:安装!), 添加一个npm脚本来运行审核, 在package.json中添加开发依赖项, 检查审核结果是否与在Chrome中直观运行审核结果相同。 解析JSON结果...不是很容易... pwa.auditChecks.score? 步骤2:修正第一个问题 “脱机时不响应200”如果要构建渐进式Web应用程序,请考虑使用服务工作者,以便您的应用程序可以脱机工作。 因此,我们将添加一个基本的 ! 将服务人员添加到您的应用程序。 使用服务工作者在本地缓存文件。 脱机时,将服务工作者用作网络代理,以返回文件的本地缓存版本。 将服务人员添加到我们的应用程序 我们需要在生成用
【文件预览】:
ldd-pwa-master
----lws.redirect.config.js(123B)
----index.html(3KB)
----manifest.webmanifest(753B)
----redirect-everything.js(1KB)
----lighthouse-pwa-100.png(30KB)
----.firebaserc(49B)
----favicon.ico(17KB)
----firebase.json(559B)
----.gitpod.yml(69B)
----sw.js(2KB)
----.theia()
--------.bash_profile(2KB)
----.travis.yml(667B)
----LICENSE(1KB)
----README.md(8KB)
----404.html(2KB)
----favicons()
--------pwa-logo.png(56KB)
--------favicon-64.png(2KB)
--------favicon-144.png(9KB)
--------favicon-32.png(1KB)
--------favicon-96.png(4KB)
--------favicon-196.png(14KB)
----lws.config.js(255B)
----.gitignore(28B)
----package-lock.json(286KB)
----package.json(958B)