Перевод всей страницы в автономный режим с помощью API файловой системы HTML5.

Давайте посмотрим правде в глаза: AppCache раздражает и имеет проблемы [ 1 , 2 , 3 ]. Одним из больших ограничений является тот факт, что невозможно динамически кэшировать ресурсы по требованию. По сути, это делает выбор «все или ничего», когда дело доходит до перевода приложения в автономный режим. Либо все в манифесте кэшируется заранее, либо ничего не кэшируется.

API файловой системы HTML5 становится привлекательным решением недостатков AppCache. Можно программно хранить файлы и иерархии папок в локальной (изолированной) файловой системе и впоследствии добавлять/обновлять/удалять отдельные ресурсы по мере необходимости. Мой коллега Борис Смусь даже написал хорошую библиотеку для управления этим типом автономного кэширования в контексте игр. Эту же идею можно экстраполировать на работу с любым типом веб-приложения.

crbug.com/89271 — важное исправление для API файловой системы, благодаря которому относительная файловая система: пути URL- адресов работают как шарм.

Скажем, например, я сохранил index.html в корневой папке файловой системы ( fs.root ), создал папку img и сохранил в ней «test.png». filesystem: URL для этих двух файлов будет filesystem:http://example.com/temporary/index.html и filesystem:http://example.com/temporary/img/test.png соответственно. Затем, если я хотел использовать «test.png» для img.src , мне нужно было использовать его полный абсолютный путь: <img src="filesystem:http://example.com/temporary/img/test.png"> . Это означало переписывание всех относительных URL-адресов в index.html, чтобы они указывали на filesystem: URL. Не круто! Теперь, благодаря этому исправлению ошибки, я могу сохранить относительный путь к файлу ( <img src="img/test.png"> ), поскольку он будет правильно разрешаться в начало файловой системы.

Эта функция позволяет легко открыть страницу и сохранить все ее ресурсы в автономном режиме, сохраняя при этом ту же структуру папок, что и в онлайн-версии.

,

Давайте посмотрим правде в глаза: AppCache раздражает и имеет проблемы [ 1 , 2 , 3 ]. Одним из больших ограничений является тот факт, что невозможно динамически кэшировать ресурсы по требованию. По сути, это делает выбор «все или ничего», когда дело доходит до перевода приложения в автономный режим. Либо все в манифесте кэшируется заранее, либо ничего не кэшируется.

API файловой системы HTML5 становится привлекательным решением недостатков AppCache. Можно программно хранить файлы и иерархии папок в локальной (изолированной) файловой системе и впоследствии добавлять/обновлять/удалять отдельные ресурсы по мере необходимости. Мой коллега Борис Смусь даже написал хорошую библиотеку для управления этим типом автономного кэширования в контексте игр. Эту же идею можно экстраполировать на работу с любым типом веб-приложения.

crbug.com/89271 — важное исправление для API файловой системы, благодаря которому относительная файловая система: пути URL- адресов работают как шарм.

Скажем, например, я сохранил index.html в корневой папке файловой системы ( fs.root ), создал папку img и сохранил в ней «test.png». filesystem: URL для этих двух файлов будет filesystem:http://example.com/temporary/index.html и filesystem:http://example.com/temporary/img/test.png соответственно. Затем, если я хотел использовать «test.png» для img.src , мне нужно было использовать его полный абсолютный путь: <img src="filesystem:http://example.com/temporary/img/test.png"> . Это означало переписывание всех относительных URL-адресов в index.html, чтобы они указывали на filesystem: URL. Не круто! Теперь, благодаря этому исправлению ошибки, я могу сохранить относительный путь к файлу ( <img src="img/test.png"> ), поскольку он будет правильно разрешаться в начало файловой системы.

Эта функция позволяет легко открыть страницу и сохранить все ее ресурсы в автономном режиме, сохраняя при этом ту же структуру папок, что и в онлайн-версии.