简单的离线网站

Avatar of Chris Coyier
Chris Coyier

DigitalOcean 为您旅程的每个阶段提供云产品。 立即开始使用 200 美元的免费额度!

不久前,Nicolas Bevacqua 撰写了一篇精彩的文章 使用 ServiceWorker 使简单网站离线工作。 我们有点共同构思了这个想法。 Nicolas 完成了所有工作,但我提出了这个想法(并设计了这个糟糕的小网站),我们要让它离线工作。 我想要一个不像大型 Web 应用那样复杂(拥有大量资源和 API 使用),也不像单个 HTML 页面那样简单的网站。

该文章中的所有内容都是最新的,并且可以作为开始为网站提供离线功能的绝佳参考。 仅供参考

  • 我更新了存储库 以确保一切正常工作。 同样,此示例并非完全简陋,而是简单。 它具有一点构建脚本,代表了相当正常的现代 Web 开发:Sass、资产连接/缩小/源映射、SVG 图标系统,以及……重新排列以创建生产离线版本。
  • 我将演示移到了 CodePen 项目中。 现在,更容易查看代码和网站本身,也更容易分叉和玩耍。
  • 我还将该网站发布在 simpleoffline.website 上,以便您可以单独查看它,它利用了 CodePen 项目能够 使用自定义域名 的功能。