该网站(allaboutrajni)仅在您离线时如何运作？(断开互联网)

Question

以下站点仅在您离线时有效.链接

那他们怎么做呢？

我甚至看到Youtube做了类似的事情.只需打开YouTube并断开网络并刷新即可.您将看到下面的页面.

Answer 1

HTML5允许网页脱机工作;

1. 根据localStorage和提供存储sessionStorage.
2. 提供事件以让页面在线/离线时知道
3. 该navigation.onLine属性是一个布尔值,可以让您知道您是否在线.
4. 提供应用程序缓存.

所以基本上,两个页面都存储了在这两种存储介质中脱机工作所需的资产,并在页面加载时检查它是在线还是离线.

有关详细信息,请参阅http://www.html5rocks.com/en/features/offline

编辑:嗯,实际上你链接到的网站是通过下载flash内容,然后http://images.desimartini.com/allaboutrajni/config.xml每秒ping 一次以检测它是否仍然连接到互联网.如果断开连接然后刷新页面,则不会加载此网站.

但是,使用真正脱机功能的页面是http://htmlfive.appspot.com/static/stickies.html之类的页面.