last edited by

Здравствуйте.

Давно замечаю, что не работает опция "Хранить локальные данные до выхода из браузера", что в разделе "Файлы cookie" настроек безопасности Опера. То удаляет cookie, то нет, как-то случайно.

Проверяется легко. Ставим вышеупомянутый флаг. Используем Опера пару дней. Отключаем Интернет. Запускаем Опера. Открываем список cookie и видим в нем не удаленные записи! Очистка cookie в приказном порядке - работает, автоматическая - хрен! То бишь, вся анонимность летит к чертям. Естественно, VPN теряет смысл.

Кто-то может что сказать по этому поводу?

P. S. У меня сложилось мнение, что Опера стараются угробить. Прогресса не чувствуется.

Были такие же проблемы раньше у других пользователей. Почитайте...

Почитал. Благодарю. Советуют установить надстройку. Сразу нашел в ней ошибку: не очищает историю загрузок, хотя опция такая есть. Я конечно не буду использовать непонятную надстройку, когда дело касается безопасности.

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

Надеюсь, проблему с удалением cookie решат. На сколько я заметил, она тянется еще с Опера 12.

уже нашли причину этой проблемы. Все винили браузер Opera, а оказалось это баг самого Chromium....

Вот и я думаю на Опера Так как у меня стоит для тестов Опера 12 и там та же хрень.

Странно видеть такие ошибки в 50-й то версии.

Что там внутри у Опера конечно интересно. Но продукт называется Опера, а не Chromium или еще как

operasilver40 last edited by

Обзор 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").

Использование возможностей 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. Описание сервлетов

Имя сервлета	Операция	Параметры	Описание
DictionaryServlet code>	getstates	Отсутствуют	Возвращает массив состояний в формате JSON (JavaScript Object Notation).
ContactServlet	getallcontacts	Отсутствуют	Возвращает массив записей контактов в формате JSON.
ContactServlet	delete	contactId - Идентификатор (ID) контакта, подлежащего удалению.	Удаляет указанную запись контакта; возвращает JSON-объект с логическим флагом, который служит индикатором успешности операции. "{"result": true/false"}
ContactServlet	save	contactId - Идентификатор (ID) контакта, подлежащего сохранению (если значение больше нуля, то имеет место операция обновления). firstName - Значение поля name. lastName - Значение поля last name. street1 - Значение поля street 1. street2 - Значение поля street 2. city - Значение поля city. state - Значение поля state. zipCode - Значение поля zipCode.	Возвращает JSON-объект с логическим флагом, который служит индикатором успешности операции, и новый или обновленный идентификатор контакта. "{"contactId": , "result": "}

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

Рисунок 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. Манифест оффлайнового приложения

CACHE MANIFEST # Revision 1 CACHE: default.html list.html scripts/core.js scripts/localdb.js scripts/onlinedb.js scripts/formEvents.js http://code.jquery.com/jquery-1.7.2.min.js NETWORK: * FALLBACK: / offline.html

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

• Расширение файла манифеста оффлайнового приложения.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)

if (navigator.onLine) { // selection list needs to be populated prior to synchronizing data // the list is updated from the online dictionary later populateOfflineStates(); setStatusText("Synchronizing contact data with server..."); synchronizeContacts(); setStatusText("Loading dictionary data from server..."); populateOnlineStates(); setStatusText("Loading contact data from server..."); loadOnlineContacts(); } else { alert("You are currently offline."); populateOfflineStates(); setStatusText("Loading contact data from local storage..."); loadOfflineContacts(); }

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

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

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

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

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

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

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

var recordsUpdated = 0; var recordsCreated = 0; var recordsDeleted = 0; $.each(data, function(i,item){ if (item.isDeleted) { deleteOnlineContact(item.id, true); recordsDeleted++; } else if (item.isDirty && !item.isDeleted) { $("input").value = item.id; $("input").value = item.firstName; $("input").value = item.lastName; $("input").value = item.street1; $("input").value = item.street2; $("input").value = item.city; $("select").value = item.state; $("input").value = item.zipCode; var dataString = $("#editContactForm").serialize(); postEditedContact(dataString, true); if (item.id > 0) { recordsUpdated++; } else { recordsCreated++; } } }); var msg = "Synchronization Summary\n\tRecords Updated: " + recordsUpdated + "\n\tRecords Created: " + recordsCreated +"\n\tRecords Deleted: " + recordsDeleted; alert(msg);

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

Заключение

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

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

Перевод: Влад Мержевич

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

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

• кукисы включаются в каждый HTTP-запрос, замедляя тем самым ваше веб-приложение на напрасную передачу одних и тех же данных снова и снова;
• кукисы включаются в каждый HTTP-запрос при передаче данных через Интернет в незашифрованном виде (даже если все веб-приложение передается через SSL);
• кукисы ограничены объемом данных примерно 4 Кб - достаточно, чтобы замедлить ваше приложение (см. выше), но не достаточно, чтобы быть полезным.

Вот что мы действительно хотим:

• много места для хранения;
• работа на стороне клиента;
• учитывать обновление страницы;
• нет отправки на сервер.

Перед HTML5 все попытки добиться этого в конечном итоге были по-разному провальными.

Краткая история локального хранилища до HTML5

Вначале был только один Internet Explorer. По крайней мере, Майкрософт хотел, чтобы мир так думал. С этой целью в рамках Первой Великой Войны браузеров Майкрософт изобрел очень много вещей и включил их в свой браузер-который-завершил-войну - Internet Explorer. Одна из этих вещей была названа DHTML Behaviors , а одна из форм поведения называется userData .

UserData позволяет веб-странице хранить до 64 Кб данных на каждый домен в иерархической XML-подобной структуре. Доверенные домены, такие как интранет-сайты могут хранить в десять раз больше. И эй, 640 Кб должно быть достаточно для всех. IE не представил какой-либо способ изменить эти соглашения, поэтому нет способа увеличить объем доступной памяти.

В 2002 году компания Adobe представила функцию во Flash 6, которая получилась неудачной и с названием, вводящим в заблуждение - «Flash-кукисы». В среде Flash эта возможность известна более правильно как Local Shared Objects (локальные доступные объекты, LSO). Вкратце, она позволяет Flash-объектам хранить до 100 Кб данных на каждый домен. Брэд Нойберг разработавший ранний прототип моста между Flash и JavaScript назвал ее AMASS (AJAX Massive Storage System), но она была ограничена некоторыми причудами Flash-дизайна. К 2006 году с появлением ExternalInterface во Flash 8 доступ к LSO через JavaScript стал на порядок проще и быстрее. Брэд переписал AMASS и интегрировал ее в популярный Dojo Toolkit под псевдонимом dojox.storage . Flash «бесплатно» дает каждому домену 100 кб для хранения. Кроме того, он предлагает пользователю при запросе увеличивать объем хранения на порядок (1 Мб, 10 Мб и т.д.).

if (Modernizr.localstorage) {
// window.localStorage is available!
} else {
// нет встроенной поддержки HTML5-хранилища
}

Использование HTML5-хранилища

HTML5-хранилище базируется на именах пар ключ/значение. Вы сохраняете информацию, основываясь на имени ключа, а затем можете получить эти данные с тем же ключом. Имя ключа это строка. Данные могут быть любого типа, который поддерживает JavaScript, включая строки, логические, целые числа или числа с плавающей запятой. Однако в действительности данные хранятся в виде строки. Если вы сохраняете и извлекаете не строки, то надо будет использовать такие функции как parseInt() или parseFloat() , чтобы перевести полученные данные в корректные типы JavaScript.

Интерфейс хранилища {
Получить через getItem(ключ);
Установить через setItem(ключ, данные);
};

Вызов setItem() с существующим именем ключа молча перепишет предыдущее значение. Вызов getItem() с несуществующим ключом вернет NULL, а не вызовет исключение.

Подобно другим объектам JavaScript вы можете обращаться к объекту localStorage как к ассоциативному массиву. Вместо использования методов getItem() и setItem() , вы можете просто указать квадратные скобки. Например, этот фрагмент кода

var foo = localStorage.getItem("bar");
// ...
localStorage.setItem("bar", foo);

может быть переписан с использованием синтаксиса квадратных скобок:

var foo = localStorage["bar"];
// ...
localStorage["bar"] = foo;

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

Интерфейс хранилища {
Удалить через removeItem(ключ);
clear();
}

Вызов removeItem() с несуществующим ключом ничего не вернет.

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

Интерфейс хранилища {
length
Получить key(целое неотрицательное число);
}

Если при вызове key() индекс лежит не в диапазоне от 0 до (length-1), то функция вернет null .

Слежение за областью HTML5-хранилища

Если вы хотите программно отслеживать изменения хранилища, то должны отлавливать событие storage . Это событие возникает в объекте window , когда setItem() , removeItem() или clear() вызываются и что-то изменяют. Например, если вы установили существующее значение или вызвали clear() когда нет ключей, то событие не сработает, потому что область хранения на самом деле не изменилась.

Событие storage поддерживается везде, где работает объект localStorage , включая Internet Explorer 8. IE 8 не поддерживает стандарт W3C addEventListener (хотя он, наконец-то, будет добавлен в IE 9), поэтому, чтобы отловить событие storage нужно проверить, какой механизм событий поддерживает браузер (если вы уже проделывали это раньше с другими событиями, то можете пропустить этот раздел до конца). Перехват события storage работает так же, как и перехват других событий. Если вы предпочитаете использовать jQuery или какую-либо другую библиотеку JavaScript для регистрации обработчиков событий, то можете проделать это и со storage тоже.

if (window.addEventListener) {
window.addEventListener("storage", handle_storage, false);
} else {
window.attachEvent("onstorage", handle_storage);
};

Функция обратного вызова handle_storage будет вызвана с объектом StorageEvent , за исключением Internet Explorer, где события хранятся в window.event .

function handle_storage(e) {
if (!e) { e = window.event; }
}

В данном случае переменная e будет объектом StorageEvent , который обладает следующими полезными свойствами.

* Примечание: свойство url изначально называлось uri и некоторые браузеры поддерживали это свойство перед изменением спецификации. Для обеспечения максимальной совместимости вы должны проверить существует ли свойство url , и если нет проверить вместо него свойство uri .

Событие storage нельзя отменить, внутри функции обратного вызова handle_storage нет возможности остановить изменение. Это просто способ браузеру сказать вам: «Эй, это только что случилось. Вы ничего не можете сделать, я просто хотел, чтобы вы знали».

Ограничения в текущих браузерах

Говоря об истории локального хранилища с помощью сторонних плагинов, я упомянул про ограничения каждой техники. Я вспомнил, что не сказал ничего об ограничениях теперь уже стандартного HTML5-хранилища. Я дам вам ответы, а затем объясню их. Ответы в порядке важности такие: «5 мегабайт», «QUOTA_EXCEEDED_ERR» и «нет».

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

«QUOTA_EXCEEDED_ERR» это исключение, которое вы получите, если превысите свою квоту в 5 Мб. «Нет» является ответом на следующий очевидный вопрос: «Могу ли я попросить у пользователя больше пространства для хранения?». На момент написания в браузерах не реализован какой-либо механизм для веб-разработчиков, чтобы запросить больше места для хранения. Некоторые браузеры (например, Opera) позволяют пользователю контролировать квоты хранилища для каждого сайта, но это чисто инициатива пользователя, не связанная с тем, что вы как разработчик можете встроить в ваше веб-приложение.

HTML5-хранилище в действии

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

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

function saveGameState() {

localStorage["halma.game.in.progress"] = gGameInProgress;
for (var i = 0; i < kNumPieces; i++) {
localStorage["halma.piece." + i + ".row"] = gPieces[i].row;
localStorage["halma.piece." + i + ".column"] = gPieces[i].column;
}
localStorage["halma.selectedpiece"] = gSelectedPieceIndex;
localStorage["halma.selectedpiecehasmoved"] = gSelectedPieceHasMoved;
localStorage["halma.movecount"] = gMoveCount;
return true;
}

Как видите, используется объект localStorage для сохранения процесса игры (gGameInProgress , логический тип). Далее перебираются все фишки (gPieces , массив JavaScript) и сохраняется строка и столбец для каждой из них. После чего сохраняются некоторые дополнительные состояния игры, включая выбранную фишку (gSelectedPieceIndex , целое число), фишку, которая находится в середине длинной серии прыжков (gSelectedPieceHasMoved , логический тип) и общее число сделанных ходов (gMoveCount , целое число).

При загрузке страницы вместо автоматического вызова функции newGame() , которая бы вернула все переменные в исходные значения, мы вызываем resumeGame() . Функция resumeGame() с помощью HTML5-хранилища проверяет состояние игры в локальном хранилище. Если оно есть, то восстанавливает значения с использованием объекта localStorage .

function resumeGame() {
if (!supportsLocalStorage()) { return false; }
gGameInProgress = (localStorage["halma.game.in.progress"] == "true");
if (!gGameInProgress) { return false; }
gPieces = new Array(kNumPieces);
for (var i = 0; i < kNumPieces; i++) {
var row = parseInt(localStorage["halma.piece." + i + ".row"]);
var column = parseInt(localStorage["halma.piece." + i + ".column"]);
gPieces[i] = new Cell(row, column);
}
gNumPieces = kNumPieces;
gSelectedPieceIndex = parseInt(localStorage["halma.selectedpiece"]);
gSelectedPieceHasMoved = localStorage["halma.selectedpiecehasmoved"] == "true";
gMoveCount = parseInt(localStorage["halma.movecount"]);
drawBoard();
return true;
}

Наиболее важной частью этой функции является оговорка, о которой я упоминал ранее в этой главе и повторю здесь: данные хранятся в виде строк. Если вы храните нечто другое, а не строки, вам нужно конвертировать их при получении. К примеру, флаг о том, что игра в процессе (gGameInProgress ) является логическим типом. В функции saveGameState() мы просто храним его и не беспокоимся о типе данных.

localStorage["halma.game.in.progress"] = gGameInProgress;

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

gGameInProgress = (localStorage["halma.game.in.progress"] == "true");

Аналогичным образом, число ходов хранится в gMoveCount как целое, в функции saveGameState() мы просто сохраняем его.

localStorage["halma.movecount"] = gMoveCount;

Но в функции resumeGame() мы должны конвертировать значение в целое, используя встроенную в JavaScript функцию parseInt() .

gMoveCount = parseInt(localStorage["halma.movecount"]);

За пределами пары ключ/значение: конкурентное видение

Хотя в истории было много уловок и обходных путей, нынешнее состояние HTML5-хранилища на удивление благополучно. Новый API был стандартизирован и включен во все основные браузеры, платформы и устройства. Для веб-разработчика такое увидишь не каждый день, не так ли? Но это больше, чем «5 мегабайт пар ключ/значение» и будущее постоянного локального хранилища это... как бы сказать... ну, пусть конкурентное видение.

Одно видение является аббревиатурой, которую вы уже знаете - SQL. В 2007 году Google запустил Gears, кроссбраузерный плагин с открытым исходным кодом, в который включена встроенная база данных на основе SQLite. Этот ранний прототип позже повлиял на создание спецификации Web SQL Database . База данных Web SQL (ранее известная как «WebDB») обеспечивает тонкую оболочку вокруг базы данных SQL, что позволяет делать следующие вещи из JavaScript:

openDatabase("documents", "1.0", "Local document storage", 5*1024*1024, function (db) {
db.changeVersion("", "1.0", function (t) {
t.executeSql("CREATE TABLE docids (id, name)");
}, error);
});

Как вы можете видеть, большая часть действий находится в строке с методом ExecuteSQL. Эта строка может поддерживать любые команды SQL, в том числе SELECT, UPDATE, INSERT и DELETE. Это все равно, что серверное программирования баз данных, за исключением того, что вы делаете это с JavaScript! О радость!

Спецификация базы данных Web SQL была реализована в четырех браузерах и платформах.

Поддержка базы данных Web SQL

IE	Firefox	Safari	Chrome	Opera	iPhone	Android
–	–	4.0+	4.0+	10.5+	3.0+	2.0+

Конечно, если вы использовали более чем одну базу данных в своей жизни, то знаете, что «SQL» это скорее маркетинговый термин, чем жесткий и быстрый стандарт (кто-то может сказать то же самое об HTML5, но это не важно). Конечно, есть актуальная спецификация SQL (она называется SQL-92), но в мире нет сервера баз данных, который соответствует только этой спецификации. Есть Oracle SQL, Microsoft SQL, SQL в MySQL, SQL в PostgreSQL, SQL в SQLite. В действительности, каждый из этих продуктов с течением времени добавляет новые функции SQL, так что недостаточно даже произнести «SQL в SQLite». Вы должны сказать «версия SQL, который поставляется вместе с SQLite версии X.Y.Z».

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

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

Именно на этом фоне я расскажу вам о другом конкурентном видении для продвинутых, постоянное локальное хранилище для веб-приложений: Indexed Database API , ранее известное как «WebSimpleDB», теперь ласково называемое IndexedDB.

Indexed Database API предоставляет то, что называется хранилище объектов, при этом много идей заимствовано из баз данных SQL. Есть «базы данных» с «записями», каждая запись имеет определенное количество «полей». У каждого поля есть определенный тип данных, который определяется при создании базы данных. Вы можете выбрать часть записей, затем перечислить их «курсором». Изменения в хранилище объектов обрабатываются с «транзакциями».

Если вы хоть раз программировали базы данных SQL, то эти термины, вероятно, вам знакомы. Основная разница в том, что хранилище объектов не имеет структурированного языка запросов. Вы не напишите условие вроде "SELECT * from USERS where ACTIVE = "Y"". Вместо этого используются методы, предоставляемые хранилищем объектов для открытия базы USERS, перечисления записей, фильтрации наших записей и использование методов доступа для получения значения каждого поля оставшихся записей. An early walk-through of IndexedDB (Ранний проход IndexedDB) это хорошее руководство о том, как работает IndexedDB и сравнение IndexedDB с Web SQL.

На момент написания IndexedDB был реализован только в бета-версии Firefox 4. Для контраста, Mozilla заявила, что никогда не будет воплощать Web SQL. Google заявил, что они рассматривают поддержку IndexedDB для Chromium и Google Chrome. И даже Майкрософт заявил, что IndexedDB «отличное решение для веб».

Что вы как веб-разработчик можете делать с IndexedDB? На данный момент практически ничего, кроме некоторых технологических демонстраций. Через год? Возможно.

Жарим cookies и курим кеш

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

Для чего вообще нужны файлы кеш и куки?

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

Где находятся файлы cookie?

Файлы "cookies"хранятся на наших компьютерах в специальной системной папке для временных файлов. В ОС Windows файлы cookie находятся в папке C:\Documents and Settings\USER\Local Settings\Temporary Internet Files. Где USER - ваше имя пользователя.

Назначение файлов куки состоит в сохранении введенных регистрационных данных, а также используется для:

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

Моральный аспект регистраций по партнерским ссылкам

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

Как вы считаете, должен ли такой труд как-то оплачиваться?!

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

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

Чтобы почистить/удалить куки необходимо открыть настройки соответствующего интернет-браузера, который вы используете. Разберу основные.

Как очистить куки в Mozilla Firefox

Для того, чтобы очистить куки в Mozilla Firefox выберете в основном меню вкладку «Инструменты» нажмите на строчку «Стереть недавнюю историю», далее «Очистить сейчас».

Как почистить куки в эксплорере Internet Explorer 7,8

Для того, чтобы почистить куки в эксплорере следует в меню зайти в «Сервис», затем открыть «Свойства обозревателя» нажмите на кнопку «Удаление cookies» отметьте галочку показанные на скрине пункты и щелкните «Удалить».

Как посмотреть и почистить куки в Google Chrome

Для того, чтобы почистить куки в Google Chrome необходимо нажать на клавиатуре одновременно Shift+Ctrl+Del. Появится окно «Стирание недавней истории», поставьте галочки в первых четырех пунктах, затем выберите «За все время» и нажмите «Очистить». Для того, чтобы почистить кэш и куки в Яндекс Браузере выполните аналогичные действия.

Как удалить куки cookie и кеш в Opera

Для того, чтобы удалить куки cookie и кеш в опере (браузер Opera) в меню интернет-браузера выберите «Настройки», затем опцию «Общие». Далее выберите опцию «Cookies», «Управление Cookies». Можно удалить сразу все либо отметить конкретные сайты и провести выборочное удаление. Для удаления истории- выберите пункт «История» и там нажмите на кнопку «Очистить».

Как удалить куки cookie и кеш в Safari

Щелкните в меню «Safari» на «Настройки», выберите в окне «Закладки», откройте «Показать Cookies». Можно удалить сразу все либо отметить конкретные сайты и провести выборочное удаление. Вообще-то интересно, пользуется ли этим браузером кто-нибудь.)

Удаление cookie при помощи программы

Очистить куки можно посредством специальных программ, одна из которых CCleaner, которые включены в обязательный пакет при установке операционки Windows. Именно CCleaner разгружает работу системы, удаляет файлы, которые более не нужны на данном компьютере, позволяя освободить до 1 Гб памяти.

Всем профита!

Хочешь быть в курсе ленивых новостей блога? Подпишись!

Комментарии и отзывы читателей

SmfAnton.ru

Как удалить cookie Chrome, Firefox, Opera и IE

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

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

Как удалить cookie Chrome

Пользователи Google Chrome могут легко удалить куки и настроить параметры какие куки принимать, а какие нет.

В адресную строку вставьте chrome://chrome/settings/content или зайдите справа вверху в меню => настройки => показать дополнительные настройки =>личные данные => настройки контента

Как удалить cookie Chrome

Управление cookie: Здесь вам предлагают четыре варианта управление

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

Также можно зайти в "управление исключениями" - разрешить или запретить куки для определенных сайтов.

Как удалить cookie Chrome

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

Как удалить cookie Chrome

Для Android, IOS: Доступ к меню Chrome - настройки=> конфиденциальность => дополнительные параметры => очистить данные просмотров => и установите флажок "Очистить Cookies: данные сайта", а также отметьте все, что хотите удалить.

Как удалить cookie Firefox

В Firefox больше настроек работы с cookie чем в Chrome:

Пользовательские настройки доступа: Заходим в меню => настройки =>приватность=> там где "История" выбираем "будет использовать ваши настройки хранения истории"

Как удалить cookie Firefox

Управление Cookies: вы можете выставить, чтобы принимало или блокировало все куки сразу, или блокировать сторонние Cookie, или чтобы Firefox всегда спрашивал подтверждения на сохранения cookie

Как удалить cookie Firefox

Удалить Cookies: нажимаем на "Показать куки" и в списке удаляем по отдельности, или все сразу

Как удалить cookie Firefox

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

Как удалить cookie Opera

Настройки: заходим в меню и выбираем "Настройки", также можно зайти в настройки с помощью клавиш Alt+P

Как удалить cookie Opera

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

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

Можно зайти в "Управление исключениями" - настроить прием куки только с определенных сайтов.

Как удалить cookie Opera

Удаление куки: заходим в "Все файлы cookie и данные сайта" => можно удалить все нажав кнопку "Удалить все", а можно выборочно пройтись по списку и удалить лишние сайты

Как удалить cookie Opera

Internet Explorer

Как удалить cookie Explorer

Открываем "Свойства обозревателя": зайдите в Пуск => откройте Выполнить (если у вас Windows XP), или в строке поиска пишите (если у вас поздние версии Windows) => inetcpl.cpl => после нажатия клавиши Enter откроется окно

Как удалить cookie Explorer

Управление Куки: во вкладке безопасность, есть много настроек- от полного блокирования всех куки и до настроек какие куки принимать, с каких сайтов и т.д.

Как удалить cookie Explorer

Удалить Куки: во вкладке "Общие" под надписью "История просмотра" нажмите "Удалить", выберите все, что вам мешают, или поставьте галочку только на куки и нажмите "Удалить"

Как удалить cookie Explorer

Как удалить cookie Ccleaner

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

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

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

Как удалить cookie Ccleaner

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

Читайте также: Управление дисками - как создавать диски, сжимать, расширять, менять букву и многое другое;

vynesimozg.com

Как удалить Cookies вручную

Previous Entry | Next Entry

Pc_softОбщаясь с некоторыми людьми в определенных местах, я понял, что не все знают во-первых зачем они нужны и во вторых как их можно удалить. Скажу сразу я конечно не спец по кукам, но тех знаний которые у меня есть мне пока хватает.Первое - это что такое Cookies? Это специальные файлы которые служат для идентификации пользователя. Устанавливаются в компьютер пользователя при первом посещении ним некоторых сайтов. Цель установки кук - чтобы в дальнейшем этого пользователя уже можно было узнавать. Срок действия куки обычно 1 год. Такой файл представляет собой обычный текстовый файл в формате: имя@название домена.txt.Хранятся в компьютере по адресу: c:\Documents and Settings\Ваша учетная запись\Cookies\

Иногда бывает нужно удалить эти файлы. Как это можно сделать. Это можно сделать почистив их специальными программами, средствами WindowsXP или вручную. Я рекомендую вручную.

Для ручной чистки вам понадобится любой файловый менеджер типа Total Commander. Заходите в компьютере по адресу С:\Documents and Settings\Ваша учетная запись\Cookies\ и вручную удаляете файлы которые там будут, но index.dat не трогаем! Единственное можете не стирать куки вебмани).Теперь при дальнейшем посещении сайтов в эту папку опять запишутся куки.

Метки:

pc-soft.livejournal.com

Как почистить (удалить) кэш файлы и куки (cookie)

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

Что такое кэш и куки?

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

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

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

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

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

Как удалить файлы куки и кеш в браузере Google Chrome

Google Chrome является одним из самых популярных браузеров среди интернет-пользователей. Чтобы удалить файлы куки и кэш достаточно выполнить несколько простых действий.

1. Открыть браузер Chrome.
2. Открыть вкладку «Настройка и управление» в панели инструментов.
3. Перейти в настройки.
4. Кликаем на кнопку «Очистить историю» в разделе «Личные данные».
5. Отмечаем галочкой соответствующие поля.

Удаление файлов куки и кеш в Google Chrome

Как удалить файлы куки и кэш в браузере Mozilla FireFox

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

1. Открываем Mozilla.
2. Выбираем вкладку «Инструменты».
3. Переходим в раздел «Настройки» → «Приватность».
4. Открываем «Очистить вашу недавнюю историю». При необходимости галочки с некоторых полей можно убрать.

Удаление файлов cookie и кэш в Mozilla FireFox

Как удалить файлы куки (cookie) и кэш в браузере Opera

Среди популярных программ для просмотра сайтов нельзя оставить без внимания Opera. Этот браузер так же прост в использовании, как и остальные, поэтому почистить файлы cookie и кеш не вызовет у пользователя трудностей.

1. Открываем браузер Opera.
2. Переходим в окно «Настройки» → «Конфиденциальность и безопасность».
3. Далее нужно выбрать раздел очистки истории посещений. Открывается диалоговое окно и ставим галочки напротив тех файлов, которые ходим удалить.

Очистка истории посещений в Opera

Как почистить файлы куки (cookie) и кеш в браузере Internet Explorer

Internet Explorer является одним из самых ненавистных браузеров среди пользователей интернета. Тем не менее, часть людей использует эту программу для просмотра веб-сайтов, поскольку она является стандартной для большинства версий ОС Windows.

Если нужно удалить файлы куки и кэш в Internet Explorer, тогда стоит выполнить следующие действия:

1. Открываем браузер.
2. Нажимаем кнопку «Сервис».
3. Выбираем пункт «Безопасность».
4. Удаляем журнал браузера, кликнув на соответствующую кнопку.
5. Устанавливаем флажок напротив строки «Файлы cookie и данные веб-сайтов».

Удаление файлов куки и кэш в Internet Explorer

Как очистить файлы куки (cookie) и кэш в Яндекс.Браузере

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

1. Открываем Яндекс.Браузер.
2. Заходим в панель управления на панели инструментов, выбираем вкладку «Дополнительно» → «Очистить историю».
3. Выбрать какие файлы нужно удалить и период.

Очистка Яндекс.Браузера от файлов куки и кеша

Альтернативный способ удаления файлов куки и кеша

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

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

profitgid.ru

Как и зачем чистить куки в браузере?

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

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

Что такое cookies файлы?

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

• аутентификации пользователя;
• хранения персональных предпочтений и настроек пользователя;
• отслеживания состояния сессии доступа пользователя;
• ведения статистики о пользователях.

Файлы cookie используются для сохранения данных о пользователе, посещающем различные страницы сайта или возвращающемся на сайт спустя некоторое время.

В файлы cookie сохраняются такие сведения о пользователе, хранящиеся на его компьютере, как некоторые персональные данные пользователя и индивидуальные параметры (логин и пароль), используемые при посещении сайта.

Зачем чистить куки?

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

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

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

Также очистка «кукисов» часто требуется при выполнении заданий на кликовых спонсорах. Работа предназначена для новичков, поэтому многие просто не догадываются, что значат такие фразы и зачем это делается:

Зачем удалять куки при выполнении заданий? Рекламодатели дают партнерские ссылки, а также поисковые системы могут отслеживать историю посещения сайтов пользователями. Чтобы не спалиться, что ведется накрутка, просят удалить временные файлы. Также в задании из примера указано, что нужно сменить айпи, об этом мы рассказывали в статье про смену IP адреса.

Как чистить куки (cookies) в разных браузерах?

Для браузера Internet Explorer версии 6.0:

Заходим в меню Инструменты, где выбираем пункт Свойства обозревателя. В появившемся окне выбираем вкладку Общие и там находим описание с заголовком Временные файлы Интернета. Ниже описания видим кнопку Удалить Cookie”… Вас спросят, действительно ли вы хотите сделать это - нажимайте OK .

Для браузера Internet Explorer версии 7.0:

Заходим в меню Сервис, где выбираем пункт Свойства обозревателя. В появившемся окне выбираем вкладку Общие и там находим описание с заголовком История просмотра. Ниже описания видим кнопку Удалить. В появившемся окне нажимаем кнопку Удалить Cookie. Вас спросят, действительно ли вы хотите сделать это - нажимайте Да.

Для браузера Opera:

Заходим в меню Инструменты, где выбираем пункт Удалить личные данные. В появившемся окне щелкаем по ссылке Детальная настройка и в обязательном порядке ставим галочки напротив пунктов Удалить временные cookies и Удалить все cookies (остальные галочки ставить необязательно). Нажимаем кнопку Удалить.

Для браузера Mozilla Firefox:

Заходим в меню Инструменты, где выбираем пункт Удалить личные данные. В появившемся окне в обязательном порядке ставим галочку напротив пункта Cookies (остальные галочки ставить необязательно). Нажимаем кнопку Удалить сейчас

Как чистить куки и кэш в браузере Google Chrome?

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

Для этого нужно выполнить несколько простых действий:

1. Сначала нужно перейти в настройки. Заходим в основное меню и выбираем раздел Настройки:

1. Прокручиваем страницу вниз и нажимаем на ссылку для показа дополнительных настроек:

1. Нужно найти блок параметров Личные данные и под его названием нажать кнопку Очистить историю:

1. Откроется окно, где необходимо выбрать файлы cookie, установить период за который нужно стереть данные и нажать кнопку «Очистить историю»:

Учтите, данные могут сохраняться и в аккаунте Google, которым мы авторизуемся в браузере. Используя эту инструкцию, вы можете удалить и другие ненужные данные, например, стереть из кеша картинки, стереть пароли, чтобы их никто не украл, данные для автозаполнения и так далее.

Как чистить кеши и куки в Яндексе?

Активно набирает популярность среди пользователей интернета и браузер, созданный Яндексом. Они не утруждали себя, как это делали разработчики Хрома. Для Яндекс.Браузера была взята платформа Cromium, немного переработана и на её основе появилась новая программа. Если объяснять простым языком, то это модифицированный хром.

Поэтому, инструкция как чистить куки в Яндексе ничем не отличается от предыдущей. Хотя можно несколько облегчить действия. Если нажать на правую клавишу мыши в строке открытого браузера, появится меню, из него также можно перейти к очистке истории:

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

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

Как удалить куки одного сайта?

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

Чтобы избавиться от этих данных в браузере, нужно нажать на ссылку, после этого открывается полный список файлов:

Остается только выделить каждый из них и выбрать кнопку «Удалить». Желательно чистить куки сайтов, к которым необходимо обеспечить безопасность. Например, удалять временные файлы для онлайн сбербанка.

Как чистить куки на Андроиде?

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

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

Файлы cookie это личные данные каждого пользователя, поэтому на следующем шаге нужно выбрать именно этот пункт:

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

CCleaner поможет чистить куки и кэш на компьютере

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

Утилита CCleaner бесплатная, устанавливается, как любая другая программа. После её установки, можно очищать cookie файлы в определенных браузерах. На вкладке «Очистка» нужно выбрать вкладку Windows или приложения, после чего выбрать браузер, поставить галочку напротив «Файлы cookie» и нажать кнопку Очистка:

Есть аналогичные программы и для мобильных устройств. Самая лучшая Clean Master, через неё удобно освобождать место, избавляться от мусора, следить за температурой процессора, настраивать быструю зарядку и многое другое.

Опять же вернемся к исполнителям заданий на почтовиках. Для них такие программы являются полезными инструментами. Без лишних действий можно очистить куки хоть во всех браузерах одновременно. Об этом мы уже рассказывали в статье - как выполнять задания Сеоспринт + фишки.

Дополнительная информация

Одно из основных назначений файлов cookie – создание удобств пользователю и экономия времени. Файлы "cookie" сообщают просматриваемому сайту, что пользователь вернулся на конкретную страницу.

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

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

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

Одна распространенная область использования cookies - это настройка индивидуального профиля каждого зарегистрированного пользователя.

Читайте другие статьи:

Как заработать на своём браузере? - Как очистить историю в Яндекс браузере? - Как отключить картинки в браузере?