smartsrh

简单的离线应用

smartsrh · 2017-05-26翻译 · 417阅读 原文链接

不久之前, Nicolas Bevacqua 写了一篇很精彩的文章《用 ServiceWorker 搭建离线网站小应用》。我和他一起实现了这个想法。Nicolas 做了所有的工作,而我仅仅提出了我们会做一个离线应用这一想法(并设计了一个简陋的小网站)。我不想要一个加载很多资源用很多 API 的大型网站,当然也不会简单到只用 HTML。

那篇文章的内容很前卫,是开发离线 Web 应用很好的入门参考资料。我还做了以下更新:

  • 为了确保其正常运行,我做了一些小更新。这个示例虽小,但「五脏俱全」。里面用了前端现在非常流行的 Sass 、asset concatenation/minification/sourcemaps(代码片段连接\压缩\和源码间的映射),SVG 小图标以及 ...... 重组了源码并做了离线的版本。

  • 我把示例移到了 CodePen,便于同时浏览代码和网页,也更容易复制和调试。

  • 利用 CodePen 项目的自定义域名功能我还把示例放在了 simpleoffline.website 上,大家可以更好的体验一下。

相关文章