之前一段时间,Chris Bolin 创建了一个他个人网站的页面,该页面只能在您离线时查看。
此页面本身就是一项类似的实验:如果某些内容需要我们断开连接会怎样?如果读者可以获得那种令人愉悦的专注力,这种专注力让连续几个小时阅读小说变得如此令人满意?如果创作者能够将这种专注力与现代设备的功能结合起来会怎样?我们的手机和平板电脑是创意内容的绝佳平台,如果我们能够驾驭自己的注意力的话。
现在,Bolin 围绕着同样的概念创建了一个完整的杂志,名为 The Disconnect!
The Disconnect 是一款仅限离线的数字杂志,包含评论、小说和诗歌。每一期都会强制您断开互联网连接,让您从持续的干扰和无情的广告中解脱出来。
我相信这可能是某种 Service Worker 技巧,用于根据网络状态提供不同的文件。通常,Service Workers 用于在网络关闭或速度缓慢时提供缓存文件,以便网站能够继续工作。这颠覆了这种逻辑,阻止文件在网络关闭之前提供。
我喜欢他们不允许通过开发者工具切换离线模式。
看看“网络”选项卡,朋友。
对我来说不起作用。我想它可能认为我的 VirtualBox 接口(用于通过网络或计算机上的“网络”连接到虚拟机)是互联网?
您仍然可以在实际拥有互联网连接的情况下观看页面的离线版本,方法是:脱机工作(在 Firefox 中:文件 -> 脱机工作)或打开控制台并将离线事件分派到窗口对象:
window.dispatchEvent(new Event("offline"))
话虽如此,但这与 Service Workers 及类似技术无关。它是一个简单的 DOM 事件,称为“offline”,在 HTML5 中引入。此页面只是侦听此事件。更多信息
https://mdn.org.cn/en-US/docs/Web/API/NavigatorOnLine/Online_and_offline_events
https://html.whatwg.com.cn/multipage/indices.html#event-offline