Идеально! Как создать и переделать свой сайт. Правильный подход и передовые техники разработки (Стори, Уолтер) - страница 63
• Использоваться в вашем интернет-браузере для настольных компьютеров и на мобильном устройстве.
• Отображать в режиме онлайн сообщения с вашего последнего сеанса.
• В режиме офлайн ставить сообщения в очередь и отправлять их позже.
Рисунок 3.6. Инспектор хранилища в браузере Safari
С >localStorage все это возможно. Пример ниже наглядно демонстрирует это. (Он чисто гипотетический, поэтому не обращайте внимание на мелочи.)
>postTweet = function(tweetText) {
>// Проверяем, в онлайне ли мы
>if(navigator.onLine) {
>// Привет, мы – онлайн! Отправь это сообщение, крошка!
>} else {
>// Хм, мы сейчас не в Сети. Лучше сохраните это для другого случая.
>localStorage.setItem(“queue-” + +new Date(), tweetText)}
>}
Несложно, правда? Чтобы увидеть все эти элементы в >localStorage, мы должны повторить код и создать массив:
>for (item in localStorage) { console.debug(item) }
Это выведет список всех ключей элементов, которые вы сохранили. Вы хотите вывести на экран твит, поставленный в очередь? Посмотрите, как это можно сделать:
>for (item in localStorage) { console.debug(localStorage[item]) }
API >localStorage и >sessionStorage можно найти во всех современных браузерах (включая версию IE 8+). Итак, нет ни одной причины, мешающей вам создавать свои собственные приложения или просто начать экспериментировать с этим в клиентских приложениях.
В заключение
Прежде чем заменить все разметки на вашем текущем сайте, найдите время, чтобы изучить роли стандарта ARIA и производительности браузеров. Узнайте в общих чертах, как создавать код. Пробуйте новые теги, это гарантированно поднимет вам настроение. А использование стандарта ARIA и вовсе дело благородное – это поможет многим пользователям с ограниченными возможностями свободно использовать ваш сайт. Звучит почти поэтично, но на самом деле все гораздо проще: это – ваша работа.
Начиная применять новые технологии, не думайте, что вы должны использовать новый минимальный DOCTYPE. Браузеры будут использовать любые свойства, которые они смогут отобразить на вашем сайте.
Не существует «режима HTML5», так что смело ныряйте!
Это всего лишь апробация платформы, которую мы называем HTML5. Мы могли бы говорить о ней еще несколько дней, но лучше дадим вам несколько полезных ссылок:
• HTML5 Please, html5please.us Хотите знать, когда вам пора «латать» старые браузеры? Или определять, когда суперновые теги не совсем готовы к прайм-тайму? Этот сайт даст вам основу для того, чтобы подняться на ступеньку выше.
• HTML5: Техническая спецификация для веб-разработчиков, smashed.by/whatwg Это руководство – сокращенная версия полной спецификации HTML5. Из нее убраны все те бестолковые детали, которые нужны поставщикам браузеров для их создания. В ней есть поиск, она работает на мобильных устройствах (даже офлайн) и, к слову, была создана вашим покорным слугой.