Использование HTML5 LocalStorage для шрифтов / изображений / популярных плагинов - PullRequest
Новая
       4

Использование HTML5 LocalStorage для шрифтов / изображений / популярных плагинов

3 голосов
/ 15 декабря 2011

  1. Кто-нибудь успешно использовал localStorage для хранения файлов шрифтов, на которые ссылается CSS? Как я могу это реализовать?

  2. Я знаю, что для изображений я могу двоично кодировать изображения в скрипте и сохранять в localStorage, но это будет означать очень большой код скрипта. Если раздутый скрипт загружается каждый раз, я не вижу никакой реальной выгоды. Если сценарий кэшируется как отдельный файл, это было бы то же самое, что и кэширование файла изображения в первую очередь. Я что-то упускаю или действительно нет никакой пользы, это нормальное обстоятельство для локального хранения изображений.

  3. Кто-нибудь успешно внедрил localStoraging популярные плагины из Facebook / Google / Twitter и готов поделиться, какие из них наиболее полезны / применимы для кэширования?

Ответы [ 2 ]

1 голос
/ 18 апреля 2012

Понятия не имею, каковы требования к поддержке вашего браузера.

  1. localStorage работает в IE8 +.
  2. @ font-face имеет различную поддержку, но IE9 + поддерживает шрифты WOFF.
  3. Я думаю, вам нужно кодировать base64 ваши шрифты, чтобы они работали с localStorage.
  4. dataUri (требуется для base64'd шрифтов) имеют ограничения по размеру в IE8 (я думаю, это 32 КБ).
  5. Куфон серьезно отстой, если ты спросишь меня.В моем случае это поддержка WOFF или ничего.

В этой статье рассказывается о хранении изображений в локальном хранилище.Конечно, это безумно быстро: http://www.sencha.com/learn/taking-sencha-touch-apps-offline/

Что касается шрифтов, ну, я смотрю на это сам.Я дам вам знать, как это работает:)

Кроме того, проверьте caniuse.com для поддержки браузера:

0 голосов
/ 15 декабря 2011

Надеюсь, это поможет:

  1. Из опыта я могу сказать, что вы этого не делаете.Вы можете использовать CSS3 @fontface, но это все равно вызовет некоторые проблемы.Самое стабильное решение, которое я нашел, это использовать cufon: http://cufon.shoqolate.com/generate/.

  2. Я согласен с вашей оценкой и подробно изучил ее самостоятельно.Кэшированные изображения в большинстве случаев превосходят закодированные изображения.

  3. Нет, но можно только представить, что это принесет вам много горя в совместимости с различными браузерами.

Спасибо,

Мэтт

...