UpUp

UPUP-启动离线第一革命

UPUP是一个很小的JavaScript库，可以确保您的用户即使在飞机上，电梯或海底的20,000个联赛中，也可以始终访问网站的内容。

移动优先已成为建造现代地点的事实上的标准。但是，在一个每个人都是移动的世界中，总是可以依靠的连接。是时候首先开始脱机思考了。

借助UPUP，即使用户脱机，您也可以控制用户看到的内容。您只能使用一个JavaScript命令来完成。

演示和教程

最简单的理解途径是查看行动中的UPUP并尝试快速教程。

你好世界

开始使用UPUP就像在您的网站upup.min.js＆upup.sw.min.js中添加两个JavaScript文件一样容易，并定义您希望用户何时离线的内容。

例如：

 < script src =" /upup.min.js " > </ script >
< script >
UpUp . start ( {
  'content-url' : 'offline.html' ,
  'assets' : [ '/img/logo.png' , '/css/style.css' , 'headlines.json' ]
} ) ;
</ script >

现在，每当您的用户返回您的网站并且连接下降时，他们都会看到offline.html的内容而不是错误。

查看一些现场演示和完整的教程。滚动后，您可以阅读完整的API文档。

HTTPS要求

UPUP需要与您的网站建立安全的连接（这是服务工作人员的要求，这是UPUP的核心技术）。因此，请确保您的用户通过HTTPS访问您的网站（SSL证书是免费的，我们可以使用Let's Encrypt或通过CloudFlare免费）。

浏览器支持

UPUP在任何支持服务工作人员的浏览器中工作。目前的意思是：

• Chrome 40+
• 歌剧27+
• Firefox 41+

如果您的用户正在使用其他或较旧的浏览器，则它们将不受UPUP的影响。什么都不会破裂，他们根本不会注意到任何不同的东西。

技术文档和API

文档和完整的API参考

作者

Tal Ater：@talater

执照

根据麻省理工学院许可。