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

Google Chrome не включает в настройки возможность автоматического удаления ваших личных данных, когда вы закрываете его. Тем не менее есть возможность настроить браузер на автоматическое очищение при выходе. Для этого необходимо установить и использовать расширение, но об этом чуть позже. Для начала, откройте настройки в меню Chrome, в самом низу страницы нажмите Показать дополнительные настройки , графа Личные данные , нажмите кнопку Настройки контента . В открывшемся блоке в графе Файлы cookie установите Удалять локальные данные при закрытии браузера и нажмите кнопку Готово .

Теперь при закрытии Chrome, браузер будет автоматически очищать файлы cookie. Чтобы браузер очищал все ваши личные данные, при закрытии, вы должны установить расширение Click&Clean в Интернет магазине Chrome. Click&Clean поможет вам удалить историю посещений и загрузок, очистить кэш, ускорить работу Хрома и освободить место на вашем жестком диске! Простое и эффективное решение для чистки вашего ПК: Очищает историю просмотров, очищает историю загрузок, удаляет файлы cookie, очищает кэш, удаляет Silverlight cookie, удаляет Flash LSO файлы, очищает кэш Java и многое другое. После его установки, нажмите кнопку Click&Clean на панели инструментов браузера и выберите Настройки.

Включить «Запускать очистку при закрытии Хрома » в разделе Дополнительно.

Вы можете контролировать, какие типы данных будут автоматически удалены с помощью параметров в этом окне.

Firefox обладает встроенной способностью очищать все ваши личные данные, когда вы закрываете его, расширений не требуется. Хотя если вы посмотрите на изображение выше, расширение Click&Clean в заголовке имеет ссылку Get for Firefox! на прямую установку расширения в браузер. Если вы нажмёте на ссылку, автоматически запустится браузер Firefox и установит расширение. Но если вы противник расширений то настройте браузер собственными средствами. Откройте настройки Firefox. Перейдите на вкладку Приватность и выберите «Будет использовать ваши настройки хранения истории . Установите флажок Удалять историю при закрытии Firefox .

Вы можете контролировать, какие типы личных данных Firefox автоматически очистит, нажмите на кнопку Параметры .

Выберите, что при закрытии браузера вы хотите очистить а что оставить как есть.

Internet Explorer так же обладает встроенной способностью очищать ваши личные данные, когда вы его закрываете. Нажмите Сервис и выберите Свойства обозревателя , чтобы начать настройки. На вкладке Общие в графе Журнал браузера включите опцию Удалять журнал браузера при выходе . Настройте, какие типы данных Internet Explorer будет очищать при выходе и нажмите кнопку Удалить .

Например вы можете снять флажок «Сохранять данные избранных веб-сайтов » и тогда Internet Explorer не будет очищать фалы cookie и файлы кэша для веб-сайтов, сохраненных в качестве избранных. Нажмите кнопку Удалить , когда вы закончите настройки. Internet Explorer немедленно запустит механизм очистки. Теперь браузер будет очищать личные данные при закрытии браузера.

Opera как всегда не такая как все. Она не включает в себя функции, которые могут автоматически удалять все ваши личные данные, когда закрывается браузер. Для этого Opera использует механизм под названием Приватный просмотр. Для просмотра страниц в этом режиме в меню Opera выберите пункт Создать приватное окно или Ctrl+Shift+N . Приватный просмотр означает, что в истории все сведения о вашей сетевой активности будут удалены сразу после закрытия окна. Когда вы закроете это окно и все связанные с ним вкладки, браузер Opera удалит все связанные с ними данные: Историю просмотров, Элементы в кэше, Cookies. Закрытое приватное окно невозможно восстановить из списка «Недавно закрытые» в главном меню. После использования приватных окон не сохраняется никакой информации о сайтах, которые вы посетили, однако если вы хотите специально сохранить какие-то данные, есть функция «Копилка».

При закрытии браузера автоматически удалять личные данные
Если вы сохраните пароль или загрузите файл, то эти элементы будут доступны и после закрытия окна.
Примечание! Обратите внимание, что Opera не очистит те файлы cookies которые уже есть. Чтобы очистить их, используйте Все cookies и данные сайта.

Откройте в меню Настройки , перейдите на вкладку Конфиденциальность и безопасность . В графе Cookies установите Хранить локальные данные до выхода из браузера . Нажмите Все cookies и данные сайта , удалите Cookies.

Обратите внимание, что вам придётся закрыть браузер что бы полностью очистить свои личные данные. Например, если у вас есть несколько открытых окон, при закрытии одного или нескольких данные не будут автоматически удалены. Вам придётся закрыть все окна браузера.

Использование возможностей HTML5 для сохранения данных и оффлайновой работы

Часть 1. Реализация оффлайнового редактирования данных и синхронизации данных

Серия контента:

Этот контент является частью # из серии # статей: Использование возможностей HTML5 для сохранения данных и оффлайновой работы

http://www.?sn=dw&lang=ru&cc=RU&en=utf&hpp=20&dws=rudw&lo=ru&q=%D0%98%D1%81%D0%BF%D0%BE%D0%BB%D1%8C%D0%B7%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5+%D0%B2%D0%BE%D0%B7%D0%BC%D0%BE%D0%B6%D0%BD%D0%BE%D1%81%D1%82%D0%B5%D0%B9+HTML5+%D0%B4%D0%BB%D1%8F+%D1%81%D0%BE%D1%85%D1%80%D0%B0%D0%BD%D0%B5%D0%BD%D0%B8%D1%8F+%D0%B4%D0%B0%D0%BD%D0%BD%D1%8B%D1%85+%D0%B8+%D0%BE%D1%84%D1%84%D0%BB%D0%B0%D0%B9%D0%BD%D0%BE%D0%B2%D0%BE%D0%B9+%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D1%8B&Search=%D0%9F%D0%BE%D0%B8%D1%81%D0%BA

Следите за выходом новых статей этой серии.

Согласно существующим планам, технология HTML5 (HTML version 5) получит статус Рекомендации организации World Wide Web Consortium (W3C) не ранее 2014 года. Хотя технология HTML5 еще не является официальным стандартом, поставщики веб-браузеров уже добавляют и продвигают HTML5-функции. Технология HTML5 расширяет веб-возможности для сайтов в Интернете и для бизнес-приложений. Многие веб-сайты, такие как Amazon Kindle Cloud Reader, уже используют технологию HTML5. Следующие две ключевые функции HTML5 существенно изменят бизнес-приложения: поддержка оффлайновых приложений и локальное персистентное хранилище. Поскольку технология HTML5 не является официальным стандартом, ее поддержка различными браузерами в лучшем случае не единообразна.

В этой статье описывается поддержка оффлайновых приложений и различные возможности персистентного хранения, предлагаемые будущим стандартом HTML5. В качестве иллюстрации к рассматриваемым функциям приводится учебное приложение.

Учебное приложение

Учебное приложение Contact Manager обеспечивает управление контактной информацией (имена, адреса, номера телефонов). Оно поддерживает онлайновый режим, оффлайновый режим и простую функцию синхронизации данных, которая позволяет синхронизировать локальные изменения данных с сервером после переключения на онлайновый режим. При нахождении приложения в оффлайновом режиме данные размещаются в локальном персистентном хранилище. Описываемое приложение поддерживает четыре базовые функции персистентного хранения — создание/чтение/обновление/удаление (create/read/update/delete, CRUD) — и в онлайновом, и в оффлайновом режимах.

Архитектура

Модель данных

Модель данных состоит из двух объектов данных, contact и state (см. ). Таблица contact содержит фактические контактные сведения; таблица state содержит значения словаря для списка выбора состояния.

Рисунок 2. Модель данных

Интерфейс сервера

Интерфейс сервера состоит из двух сервлетов: ContactServlet и DictionaryServlet . Эти сервлеты описаны в (реализация этих сервлетов, а также соответствующих бизнес-сервисов и провайдеров данных, выходит за рамки этой статьи).

Таблица 1. Описание сервлетов

Вызов интерфейса сервера

Рисунок 3. Приложение Contact Manager

JavaScript-модули

Приложение состоит из четырех специальных JavaScript-модулей:

• core.js – поддерживает обычные функции JavaScript и используется другими модулями.
• formEvents.js – предоставляет обработчиков событий для кнопок и форм. Он направляет операции базы данных к надлежащему провайдеру данных в соответствии с онлайновым или оффлайновым режимом.
• onlinedb.js – поддерживает функции для взаимодействия с сервером при нахождении в онлайновом режиме.
• offlinedb.js поддерживает функции для локального хранения данных.

Кроме того, все модули используют последнюю версию библиотеки jQuery для прослеживания данных, для асинхронных веб-запросов и для поддержки dynamic HTML. Клиент взаимодействует с сервером с помощью JSON.

Манифест оффлайнового приложения

Оффлайновые возможности HTML5 обеспечивают кэширование статических файлов и ресурсов. Файл манифеста оффлайнового приложения (.appcache) – это важнейший файл для поддержки оффлайнового приложения для веб-приложения. Файл манифеста содержит следующую информацию.

• Ресурсы и страницы, доступные в оффлайновом режиме.
• Ресурсы, доступные только в онлайновом режиме.
• Для ресурсов, которые не доступны в оффлайновом режиме, отображается fallback-страница.

Файл манифеста состоит из трех разделов: CACHE, NETWORK, FALLBACK . Страницы и ресурсы, перечисленные в разделе CACHE , кэшируются на локальной системе. Страницы и ресурсы, перечисленные в разделе NETWORK , никогда не кэшируются и доступны только в онлайновом режиме. Страница, указанная в разделе FALLBACK , отображается, если требуемая страница недоступна в оффлайновом режиме. Символ (*) в разделе NETWORK указывает, что все остальные страницы и сервлеты доступны только в онлайновом режиме. Если символ (*) отсутствует, вызовы сервлета окажутся неудачными (даже в онлайновом режиме). В показан файл манифеста для приложения Contact Manager.

Листинг 8. Манифест оффлайнового приложения

Важная информация для работы с оффлайновыми приложениями.

• Расширение файла манифеста оффлайнового приложения.appcache должно быть отображено на MIME-тип text/cache-manifest . В среде Apache Tomcat эта задача решается посредством добавления элемента mime-mapping в файл web.xml сервера (а не в файл web.xml веб-приложения). Большинство браузеров молча игнорирует манифест оффлайнового приложения, если его MIME-тип является некорректным.
• Если файл манифеста оффлайнового приложения присутствует, всегда используется ресурс, кэшированный на локальной системе (даже при нахождении в онлайновом режиме).
• Локальный ресурс обновляется только в том случае, если изменяется файл манифеста оффлайнового приложения; как правило, посредством изменения номера версии в комментариях внутри файла манифеста. Изменения HTML-ресурсов или CSS-ресурсов не отражаются в веб-браузере до тех пор, пока файл манифеста приложения не будет изменен.
• Каждая страница, поддерживающая оффлайновое использование, должна иметь следующую строку:
  

Онлайновое или оффлайновое приложение

JavaScript позволяет обнаружить, является ли приложение онлайновым или оффлайновым. Эта задача решается с помощью логической переменной navigator.onLine . Если приложение является онлайновым, то эта переменная возвращает значение True.

События форм (обработка в онлайновом и в оффлайновом режиме)

В приложении Contact Manager одна и та же форма используется и в онлайновом, и в оффлайновом режиме. Чтобы это решение работало, необходимы обработчики событий форм и кнопок. Проверьте значение переменной navigator.onLine с целью определения того, какую операцию следует вызвать (локальную или онлайновую). В показан пример для загрузки контактных данных.

Листинг 9. Загрузка данных (в событии onLoad)

Синхронизация данных

В онлайновом режиме все CRUD-операции используют сервлеты для операций создания, изменения и удаления. Если изменяется онлайновая база данных, то локальный кэш также обновляется.

В оффлайновом режиме все CRUD-операции для сохранения изменений используют локального провайдера данных. После восстановления соединения с сервером производятся следующие действия.

• Все записи, которые были созданы на локальной системе, сохраняются на сервере.
• Все записи, которые были изменены на локальной системе, обновляются на сервере.
• Все записи, которые были удалены на локальной системе, удаляются на сервере.

Полный текст метода синхронизации показан в . В процессе синхронизации одни и те же онлайновые функции используются для операций создания, обновления и удаления. Первый шаг состоит в итеративном прохождении по локальным записям с помощью jQuery-функции $.each .

Записи, которые были обновлены или созданы на локальной системе, помечаются с помощью свойства isDirty . Операция Save (сохранить) идентифицируется как новая, если ее уникальный идентификатор записи имеет отрицательное значение (т.е. база данных MySQL не присвоила ему какого-либо значения). Записи, которые были удалены на локальной системе, помечаются с помощью свойства isDeleted .

Листинг 10. Синхронизация оффлайновых изменений с сервером

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

Заключение

На примере учебного приложения в статье были продемонстрированы рекомендации по поддержке онлайнового и оффлайнового режимов работы. Единообразные пользовательские возможности обеспечиваются посредством использования одной и той же HTML-страницы для онлайнового и оффлайнового режимов, а также посредством вызова надлежащих онлайновых/оффлайновых провайдеров данных в обработчиках событий форм в соответствии с текущим состоянием (онлайновым или оффлайновым).

Алгоритм синхронизации данных обеспечивает надежный фундамент; он осуществляет синхронизацию результатов оффлайнового создания, удаления и изменения записей. Следует, однако, отметить, что этот программный код еще не готов к использованию в производственной среде. Например, он не обрабатывает конфликтов, когда одна и та же запись изменена вами в локальной системе и другим пользователем на сервере.

Cookie используются сайтами для хранения данных о пользователе, и как правило не несут угрозы вашему компьютеру. Проще говоря - вы открываете сайт, файлы небольших размеров сохраняются на вашем компьютере и в них хранятся данные о вас: сохраненный пароль, логин, настройки для этой сайта, различные ваши предпочтения. Рекламные компании используют cookie для отслеживания истории посещенных страниц, а потом отталкиваясь от этой истории подбирают для вас объявления. Если их не чистить, и не ограничивать их использование - то со временем их накапливается огромное количество, все сервисы интернета все о вас знают 🙂 . Посмотрели пару секунд на фотоаппарат и с этого момента он начинает вас преследовать на всех страницах, и не отстанет от вас пока вы его не купите, или не удалите куки. Кстати, если купите, то на всех сайтах появятся объявления "мы совершенно случайно узнали, что данные аксессуары подойдут к вашему фотоаппарату.

В этой статье мы рассмотрим как настроить параметры cookie и как удалить их с браузера:

Google Chrome

Пользователи Google Chrome могут легко удалить cookie и настроить какие куки принимать, а какие нет. В адресную строку вставьте chrome://settings/content/cookies и нажмите клавишу Enter, или нажмите на три точки справа вверху и выберите "Настройки" => Дополнительные => Настройки контента => Файлы cookie.

Управление cookie:

• разрешить сохранение локальных данных - включен по умолчанию, все открывшиеся сайты хранят настройки на вашем компьютере на случай повторного открытия;
• удалять локальные данные при закрытии браузера - каждый раз при выходе из браузера все настройки (куки) сайтов будут удаляться. Логин, пароль и другие настройки сайта каждый раз нужно будет вводить заново. По умолчанию, параметр отключен, но вы можете включить.
• блокировать сторонние файлы cookie - когда вы заходите на сайт, сервисы находящиеся на этом сайте устанавливают куки (соц.сети, счетчики, рекламные компании и т.д.). Выбрав этот пункт - будут ставиться только куки данного сайта.

Ниже на странице настроек есть "Блокировать", "Удалять при выходе" и "Разрешить". Данные пункты нужны, если вы хотите блокировать, удалять или разрешать cookie с определенных сайтов. К примеру, вы хотите блокировать cookie с сайта i.ua => возле "Блокировать" нажмите на "Добавить" => введите адрес сайта и нажмите "Добавить".

Чтобы удалить все или отдельные файлы cookie - в адресную строку браузера введите chrome://settings/siteData и нажмите клавишу Enter (или нажмите на три точки справа вверху => выберите "Настройки" => Дополнительные=> Настройки контента => Файлы cookie => Все файлы cookie и данные сайтов). Здесь вы можете удалить cookie всех сайтов - нажав на "Удалить всё" и подтвердив действие, или можете удалять cookie по отдельности - напротив каждого есть значок корзины, нажимайте на этот значок напротив ненужных cookie, чтобы их удалить.

Для Android, IOS: в открытом браузере нажмите на три точки справа вверху и выберите "Настройки" => Конфиденциальность => Очистить данные веб-просмотров => поставьте галочку возле "Файлы Cookie и данные из сайтов" и нажмите на "Удалить всё".

Mozilla Firefox

Чтобы удалить cookie: вставьте в адресную строку about:preferences#privacy и нажмите клавишу Enter (или нажмите на три линии справа вверху, выберите "Настройки" => в левой колонке выберите "Приватность и безопасность") => возле "Куки и данные сайтов" нажмите на "Управление данными".

Здесь вы можете удалить все сразу или отдельные cookie, чтобы удалить все - нажмите на "Удалить все", чтобы удалить определенные cookie - выберите те, которые хотите удалить и нажмите на "Удалить выбранные".

Firefox Android: меню =>настройки => приватность => очистить личные данные => выбрать куки => очистить данные.

Opera

Нажмите на "Opera" слева вверху и выберите "Настройки", также можно зайти в настройки с помощью клавиш Alt+P или введя в адресной строке opera://settingsи нажав клавишу Enter.

Управление куки:с левой стороны выберите "Безопасность" => ниже на странице есть подменю "Файлы cookie" => выберите нужное. По умолчанию стоит "Разрешить локальное сохранение данных" - куки принимаются со всех сайтов без исключений. Можно выбрать:

• Хранить локальные данные до выхода из браузера - каждый раз после перезапуска браузера все настройки для сайтов будут очищаться, не будут храниться ваши предпочтения и пароли;
• Запретить сайтам хранить данные локально - многие сайты не откроются, по этому данное действие не рекомендуется;
• Блокировать сторонние файлы cookie и данные сайтов- во время открытия сайта будут устанавливаться куки данного сайта, а cookie дополнительных сервисов, размещенных на открываемом сайте, будут блокироваться.

В "Управление исключениями" можно настроить с каких сайтов cookie разрешать, с каких запрещать и с каких очищать при выходе с браузера.

Чтобы удалить cookie: введите в адресной строке opera://settings/cookies и нажмите клавишу Enter (или зайдите в меню "Opera" => "Настройки" => "Безопасность" => "Все файлы cookie и данные сайта") => чтобы удалить отдельные cookie - выделите ненужный и справа нажмите на появившийся крестик, чтобы удалить все cookie - нажмите на "Удалить всё".

Internet Explorer

В строке поиска или в меню "Выполнить" (выполнить вызывается клавишами Win+R) введите inetcpl.cpl и нажмите клавишу Enter. Во вкладке "Общие" под надписью "Журнал браузера" нажмите на "Удалить".

Поставьте галочку напротив "Файлы cookie и данные веб-сайтов" и нажмите на "Удалить".

Ccleaner

Одно из самых удобных решений по удалению Cookie в наше время. Данное приложение позволяет не только очистить куки во всех браузерах, но и удалить историю пребывания в интернете, удалить мусор который остается после установки или удаления программ, почистить реестр, удалить или выключить , удалить лишние программы, убрать лишнее с контекстного меню и т.д.

: Зайдите на сайт, выберите бесплатную версию Ccleaner Free и нажмите "Free Download", вам еще раз предложит выбрать платную или бесплатную версию (поверьте мне, бесплатной версии хватает с головой). Программа бесплатная, по этому может предложить в нагрузку установить еще какой-то браузер, поменять стартовую страницу и многое другое, по этому перед тем как нажать "Далее" - всегда смотрите где стоят галочки, и снимайте лишнее!

Работа с программой: для лучшей очистки рекомендуется - закрыть открытые программы, браузеры, после этого запустить программу. Сразу откроется очистка, в ней вы можете выбрать: что чистить, а что удалять, в первой вкладке "Windows" -стандартные программы и компоненты, во второй "Приложения" дополнительные. Пройдитесь по этим вкладкам и выделите, что вы хотите почистить, в принципе по умолчанию оно все не плохо чистит, но здесь уже думайте сами. После выбора параметров -нажмите кнопку "Анализ" и подождите пару минут, когда найдет всё, что нужно очистить - нажмите "Очистка".

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

На сегодня всё, если вы знаете другие способы - пишите в комментариях! Удачи Вам 🙂

Обзор Web Storage

В интернете информацию можно сохранять в двух местах: на веб-сервере и на веб-клиенте (т.е. компьютере посетителя страницы). Определенные типы данных лучше хранить в одном из этих мест, а другие типы - в другом.

Правильным местом для хранения конфиденциальных и важных данных будет веб-сервер. Например, если вы положите какие-либо товары в свою корзину в онлайновом магазине, данные о вашей потенциальной покупке сохраняются на веб-сервере. На вашем компьютере сохраняется лишь несколько байтов данных для отслеживания, содержащих информацию о вас (или, вернее, о вашем компьютере), чтобы веб-сервер знал, какая из корзин ваша. Даже с новыми возможностями HTML5 изменять эту систему нет надобности - она надежная, безопасная и эффективная.

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

До HTML5 единственным способом локального хранения данных было использование механизма файлов cookies , который первоначально был разработан для обмена небольшими объемами идентифицирующей информации между веб-серверами и браузерами. Файлы cookies подходят идеально для хранения небольших объемов данных, но модель JavaScript для работы с ними несколько неуклюжа. Система файлов cookies также вынуждает разработчика возиться со сроками действия и бесполезно пересылать данные туда и обратно по интернету с каждым запросом страницы.

В HTML5 вводится лучшая альтернатива файлам cookies, которая позволяет легко и просто сохранять информацию на компьютере посетителя. Эта информация может храниться на клиентском компьютере неограниченное время, не отправляется на веб-сервер (если только разработчик не сделает это сам), может быть большого объема и для работы с ней требуется всего лишь пара простых, эффективных объектов JavaScript.

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

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

Сохраняемая в веб-хранилище информация в действительности сохраняется не в интернете, а на компьютере посетителя веб-страницы. Иными, словами, веб-хранилище означает хранение данных не в интернете, а хранение данных из интернета.

Существуют два типа веб-хранилищ, которые так или иначе связаны с двумя объектами:

Использует объект localStorage для хранения данных для всего веб-сайта на постоянной основе. Это означает, что если веб-страница сохранит данные в локальном хранилище, эти данные будут доступны для пользователя, когда он возвратится на эту веб-страницу на следующий день, на следующей неделе или в следующем году.

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

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

С точки зрения кода веб-страницы, как локальное хранилище, так и хранилище данных сеансов работают абсолютно одинаково. Разница состоит лишь в длительности хранения данных.

Использование локального хранилища предоставляет наилучшую возможность для сохранения требуемой информации для последующих посещений вебстраницы пользователем. А хранилище сеансов служит для хранения данных, которые нужно передавать от одной страницы другой. (В хранилище сеансов можно также хранить временные данные, используемые только на одной странице, но для этой цели прекрасно работают обычные переменные JavaScript.)

Как локальное хранилище, так и хранилище сеансов связано с доменом веб-сайта. Таким образом, если сохранить в локальном хранилище данные для страницы www..html, эти данные будут доступны для страницы www..html, т.к. обе эти страницы имеют один и тот же домен. Но эти данные не будут доступны для страниц других доменов.

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

Хотя спецификация HTML5 не устанавливает никаких жестких правил в отношении максимального объема хранилища, большинство браузеров ограничивают его 5 Мбайт. В этот объем можно упаковать много данных, но его будет недостаточно, если вы хотите использовать локальное хранилище для оптимизации производительности и кэшировать в нем изображения или видео большого объема (и, по правде говоря, локальное хранилище не предназначено для таких целей).

Для хранения большого объема данных все еще развивающийся стандарт базы данных IndexedDB допускает локальное хранение намного большего объема - обычно 50 Мбайт для начала и больше, по согласию пользователя.

Сохранение данных

Прежде чем поместить фрагмент информации в локальное хранилище или хранилище сеансов, ему необходимо присвоить описательное имя. Это имя называется ключом (key) и нужно для того, чтобы данные можно было извлечь в будущем.

Синтаксис для сохранения фрагмента данных следующий:

localStorage = data;

// JS localStorage["username"] = "Ivan Petrov";

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

Function saveData() { // Получаем значения текстовых полей var localData = document.getElementById("localData").value; var sessionData = document.getElementById("sessionData").value; // Сохраняем текст, введенный в текстовом поле, в локальном хранилище localStorage["localData"] = localData; // Сохраняем текст, введенный в текстовом поле, в хранилище сессий sessionStorage["sessionData"] = sessionData; } function loadData() { // Загружаем сохраненные данные из хранилищ var localData = localStorage["localData"]; var sessionData = sessionStorage["sessionData"]; // Отображаем эти данные в текстовых полях if (localData != null) { document.getElementById("localData").value = localData; } if (sessionData != null) { document.getElementById("sessionData").value = sessionData; } }

Страница содержит два текстовых поля: для локального хранилища (вверху) и для хранилища сеансов (внизу). Нажатие кнопки "Сохранить" сохраняет текст, введенный в текстовые поля, а нажатие кнопки "Загрузить" выводит в полях соответствующие сохраненные данные.

Веб-хранилище также поддерживает менее распространенный синтаксис свойств. Согласно правилам этого синтаксиса, мы обращаемся к ячейке хранения с именем username как localStorage.username, а не localStorage["username"]. Оба типа синтаксиса равнозначны, и использование того или другого является вопросом личного предпочтения.

Веб-хранилище не работает без веб-сервера

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

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

Что же происходит, если открыть страницу, которая использует веб-хранилище, с локального жесткого диска? Все зависит от браузера. Браузер Internet Explorer, похоже, полностью утрачивает поддержку веб-хранилища. Объекты localStorage и sessionStorage исчезают, и попытка использовать их вызывает ошибку JavaScript.

В браузере Firefox объекты localStorage и sessionStorage остаются на месте и, вроде бы, поддерживаются (даже Modernizr определяет, что поддерживаются), но все, что отправляется на хранение, исчезает неведомо куда. В браузере Chrome опять же что-то другое - большая часть функциональности веб-хранилища работает как следует, но некоторые возможности (например, событие onStorage) не работают.

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

Поддержка веб-хранилища браузерами

Веб-хранилище является одной из наиболее поддерживаемой возможностью HTML5, с хорошим уровнем поддержки в каждом основном браузере. В таблице ниже приведены минимальные версии основных браузеров, поддерживающих веб-хранилище:

Все эти браузеры предоставляют возможность локального хранилища и хранилища данных сеанса. Но для поддержки события onStorage требуются более поздние версии браузеров, например IE 9, Firefox 4 или Chrome 6.

Самой проблемной является версия IE 7, которая не поддерживает веб-хранилище вообще. В качестве обходного решения можно эмулировать веб-хранилище посредством файлов cookies. Это не совсем идеальное решение, но оно работает. Хотя официального сценария для закрытия этого пробела не существует, несколько хороших отправных точек можно найти на странице HTML5 Cross Browser (в разделе "Web Storage").

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

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

Google Chrome

Google Chrome не включает в настройки возможность автоматического удаления ваших личных данных, когда вы закрываете его. Тем не менее есть возможность настроить браузер на автоматическое очищение при выходе. Для этого необходимо установить и использовать расширение, но об этом чуть позже. Для начала, откройте настройки в меню Chrome, в самом низу страницы нажмите Показать дополнительные настройки , графа Личные данные , нажмите кнопку Настройки контента . В открывшемся блоке в графе Файлы cookie установите Удалять локальные данные при закрытии браузера и нажмите кнопку Готово .

Теперь при закрытии Chrome, браузер будет автоматически очищать файлы cookie.

Чтобы браузер очищал все ваши личные данные, при закрытии, вы должны установить расширение Click&Clean в Интернет магазине Chrome.

Описание расширения: Click&Clean поможет вам удалить историю посещений и загрузок, очистить кэш, ускорить работу Хрома и освободить место на вашем жестком диске!
Простое и эффективное решение для чистки вашего ПК: Очищает историю просмотров, очищает историю загрузок, удаляет файлы cookie, очищает кэш, удаляет Silverlight cookie, удаляет Flash LSO файлы, очищает кэш Java и многое другое. После его установки, нажмите кнопку Click&Clean на панели инструментов браузера и выберите Настройки.

Включить « Запускать очистку при закрытии Хрома » в разделе Дополнительно.

Вы можете контролировать, какие типы данных будут автоматически удалены с помощью параметров в этом окне.

Mozilla Firefox

Firefox обладает встроенной способностью очищать все ваши личные данные, когда вы закрываете его, расширений не требуется. Хотя если вы посмотрите на изображение выше, расширение Click&Clean в заголовке имеет ссылку Get for Firefox! на прямую установку расширения в браузер. Если вы нажмёте на ссылку, автоматически запустится браузер Firefox и установит расширение. Но если вы противник расширений то настройте браузер собственными средствами. Откройте настройки Firefox. Перейдите на вкладку Приватность и выберите « Будет использовать ваши настройки хранения истории . Установите флажок Удалять историю при закрытии Firefox .

Вы можете контролировать, какие типы личных данных Firefox автоматически очистит, нажмите на кнопку Параметры .

Выберите, что при закрытии браузера вы хотите очистить а что оставить как есть.

Internet Explorer

Internet Explorer так же обладает встроенной способностью очищать ваши личные данные, когда вы его закрываете. Нажмите Сервис и выберите Свойства обозревателя , чтобы начать настройки. На вкладке Общие в графе Журнал браузера включите опцию « Удалять журнал браузера при выходе «. Настроить, какие типы данных Internet Explorer будет очищать при выходе, нажмите кнопку Удалить .

Например вы можете снять флажок « Сохранять данные избранных веб-сайтов » и тогда Internet Explorer не будет очищать фалы cookie и файлы кэша для веб-сайтов, сохраненных в качестве избранных. Нажмите кнопку Удалить , когда вы закончите настройки. Internet Explorer немедленно запустит механизм очистки. Теперь браузер будет очищать личные данные при закрытии браузера.

Opera

Opera как всегда не такая как все. Она не включает в себя функции, которые могут автоматически удалять все ваши личные данные, когда закрывается браузер. Для этого Opera использует механизм под названием Приватный просмотр. Для просмотра страниц в этом режиме в меню Opera выберите пункт Создать приватное окно или Ctrl+Shift+N .

Приватный просмотр означает, что в истории все сведения о вашей сетевой активности будут удалены сразу после закрытия окна. Когда вы закроете это окно и все связанные с ним вкладки, браузер Opera удалит все связанные с ними данные: Историю просмотров, Элементы в кэше, Cookies. Закрытое приватное окно невозможно восстановить из списка «Недавно закрытые» в главном меню. После использования приватных окон не сохраняется никакой информации о сайтах, которые вы посетили, однако если вы хотите специально сохранить какие-то данные, есть функция «Копилка».

Если вы сохраните пароль или загрузите файл, то эти элементы будут доступны и после закрытия окна.
Примечание! Обратите внимание, что Opera не очистит те файлы cookies которые уже есть. Чтобы очистить их, используйте Все cookies и данные сайта.

Откройте в меню Настройки , перейдите на вкладку Конфиденциальность и безопасность . В графе Cookies установите Хранить локальные данные до выхода из браузера . Нажмите Все cookies и данные сайта , удалите Cookies.

Обратите внимание, что вам придется закрыть браузер что бы полностью очистить свои личные данные. Например, если у вас есть несколько открытых окон Firefox, при закрытии одного или нескольких данные не будут автоматически удалены. Вам придётся закрыть все окна браузера.

Http://webdoker.ru