Адресную строку браузера превратили в хостинг сайтов

Вице-президент по дизайну компании Dropbox создал сервис itty.bitty.site, позволяющий создавать сайты, весь код которых хранится в их URL, сообщает The Verge. Он поддерживает как простой текст, так и HTML-код, который сжимается и помещается в URL. Когда пользователь переходит по такой ссылке, информация из адреса обратно преобразуется в код и отображается на экране.

Единый указатель ресурса (URL) нужен для обозначения местонахождения страницы в интернете, но помимо самого адреса он может содержать в себе и дополнительную информацию, в том числе якорь или идентификатор фрагмента. Он обозначается символом #, а его обработка происходит локально в самом браузере. Как правило, якорь используют для того, чтобы сослаться на конкретную часть страницы, например, чтобы после открытия большой статьи пользователь сразу увидел конкретный абзац.

Николас Житкоф (Nicholas Jitkoff) из Dropbox использовал этот элемент для того, чтобы хранить сайты непосредственно в их адресе. Создаваемые таким образом сайты имеют адрес https://itty.bitty.site/#Name/SITE_DATA, в котором после якоря располагается заголовок страницы, а затем и сам код страницы. При этом, поскольку символы после # обрабатываются самим браузером и не требуют запросов к сайту, на самом itty.bitty.site не хранятся данные создаваемых пользователями страниц.

Для создания собственных страниц на сайте есть простой редактор. Он поддерживает как простой текст, так и HTML. Кроме того, пользователь может создать простой сайт с HTML, CSS и JavaScript на сервисе Codepen.io и загрузить его в редактор. В качестве примера разработчик показал работающий калькулятор, созданный таким способом.

После того, как пользователь создал в редакторе свою страницу, сервис сначала сжимает данные с помощью алгоритма сжатия без потерь LZMA, преобразует сжатые данные в Base64-запись и размещает эти данные в URL. После этого ссылку можно скопировать или преобразовать в QR-код и сосканировать с помощью смартфона. Когда пользователь открывает такую ссылку, его браузер сначала загружает сам сайт, а затем преобразует данные после # в код и отображает страницу на экране.

У сервиса есть заметный недостаток, обусловленной работой браузеров и других приложений. Поскольку в них есть ограничения на длину URL, максимальный размер ссылки составляет несколько тысяч байтов и зависит от конкретного приложения. Впрочем, это не помешало нам уместить эту заметку в одной ссылке

Программисты нередко создают довольно серьезные разработки, основанные на не предназначенных для этого простых инструментах. К примеру, недавно одному разработчику удалось написать игровой движок шутера DOOM, используя для этого только формулы в таблице Excel.

Григорий Копиев