【文件属性】:
文件名称:service-worker-lab:使用 Service Worker 向 Web 应用程序添加离线功能
文件大小:15KB
文件格式:ZIP
更新时间:2021-06-22 07:20:59
JavaScript
服务工作者实验室
在本实验中,您将学习如何使用 Service Worker 向 Web 应用程序添加基本的离线功能。 该应用程序从服务器加载几个静态资产,并制作 XHR 以获取从马尔默*车站出发的火车。 服务器等待 2 秒响应以模拟一些网络延迟。
先决条件
软件
节点
新产品管理
Chrome 40(目前)
洞察力
在开始之前阅读和。 幻灯片包含有关如何使用 Service Workers 的其他有用链接。
设置
git clone git@github.com:owickstrom/service-worker-lab.git
cd service-worker-lab
npm install
npm start
您现在可以在 Chrome 40 中打开 。
目标
观察应用程序的行为。 尝试使用 Chrome Devtools 模拟无网络或慢速网络。 请注意,该应用程序显示上次更新
【文件预览】:
service-worker-lab-master
----.gitignore(27B)
----README.md(4KB)
----server.js(737B)
----public()
--------stylesheets()
--------scripts()
--------images()
--------index.html(366B)
----departures.json(76KB)
----.jshintrc(6KB)
----app.js(508B)
----package.json(283B)