Скрипт для очень простой офлайн страницы, с использованием Service Workers

Service Workers - это новая функция браузера, которая обеспечивает работу event-driven скриптов независимо от веб страницы. Она записывает кэш скриптов и это позволяет ей реагировать на сетевые запросы, от некоторых веб-страниц, используя этот кэш

Давайте представим, на несколько секунд, что вы внезапно оказались в поезде. Там вы надумали прочесть какую-то удивительно интересную статью, в интернете, с мобильного устройства. Но как только вы захотели посмотреть подробности, поезд заходит в зону, где нет мобильной сети, и вы видите нечто подобное:

Это довольно-таки печальное зрелище, для наших посетителей. К счастью, есть несколько интересных вещей, которые мы можем сделать, чтобы немного улучшить комфорт наших посетителей, ведь на то мы и веб-разработчики.

С помощью Service Workers, мы можете добавить свою HTML страницу, которая будет записываться в кэш браузера, при первом посещении пользователя. Затем, если пользователь попытается перейти к другой веб-странице, но будет отключен от сети, мы можем выдать ему эту страницу, вместо стандартного ответа.

Сейчас, на некоторых крупных проектах, уже можно наблюдать такие офлайн страницы. Например, сайт The Guardian сделал автономную веб-страницу с кроссвордом, что позволяет немного отвлечь посетителей на время ожидания. Еще подобные страницы можно увидеть в Google Chrome Github repo.

Скачать: