Vor einiger Zeit machte die Runde, dass Chris Bolin auf seiner persönlichen Website eine Seite erstellt hat, die nur offline angezeigt werden konnte.
Diese Seite selbst ist ein Experiment in diesem Sinne: Was wäre, wenn bestimmte Inhalte erfordern würden, dass wir uns trennen? Was wäre, wenn Leser Zugang zu diesem glorreichen Fokus hätten, der es so befriedigend macht, einen Roman stundenlang zu verschlingen? Was wäre, wenn Schöpfer dies mit der Kraft moderner Geräte kombinieren könnten? Unsere Handys und Laptops sind erstaunliche Plattformen für einfallsreiche Inhalte – wenn wir nur unsere eigene Aufmerksamkeit nutzen könnten.
Jetzt hat Bolin mit The Disconnect ein ganzes Magazin zu diesem Konzept herausgebracht!
The Disconnect ist ein ausschließlich offline lesbares, digitales Magazin für Kommentare, Fiktion und Poesie. Jede Ausgabe zwingt Sie, sich vom Internet zu trennen und gibt Ihnen eine Pause von ständigen Ablenkungen und unerbittlichen Werbeanzeigen.
Ich glaube, es handelt sich um einige Service Worker-Tricks, um verschiedene Dateien abhängig vom Netzwerkstatus auszuliefern. Normalerweise sind Service Worker dazu gedacht, gecachte Dateien auszuliefern, wenn das Netzwerk ausfällt oder langsam ist, damit die Website weiter funktioniert. Dies kehrt diese Logik um und verhindert, dass Dateien ausgeliefert werden, bis das Netzwerk ausfällt.
Ich liebe es, dass sie das Umschalten des Offline-Modus über die Entwicklertools nicht zulassen.
Schau dir den 'Network'-Tab an, amigo.
Funktioniert bei mir nicht. Ich glaube, es hält meine VirtualBox-Schnittstelle (die zum Verbinden mit VMs über das Netzwerk oder über ein "Netzwerk" auf Ihrem Computer verwendet wird) für das Internet.
Sie können die Offline-Version der Seite auch dann ansehen, wenn Sie tatsächlich eine Internetverbindung haben, indem Sie entweder offline arbeiten (in Firefox: Datei -> Offline arbeiten) oder die Konsole öffnen und ein Offline-Ereignis an das Window-Objekt senden:
window.dispatchEvent(new Event("offline"))Das gesagt, es hat nichts mit Service Workern und ähnlichem zu tun. Es ist ein einfaches DOM-Ereignis namens "offline", das in HTML5 eingeführt wurde. Diese Seite lauscht nur auf dieses Ereignis. Mehr Informationen
https://developer.mozilla.org/en-US/docs/Web/API/NavigatorOnLine/Online_and_offline_events
https://html.spec.whatwg.org/multipage/indices.html#event-offline