Очистить локальное хранилище HTML5 на определенной странице

100

Можно ли очистить локальное хранилище HTML5 на определенной веб-странице? Я редактировал демоверсию Javascript на http://jsfiddle.net и переставил окна таким образом, что размер одного из них стал невозможно изменить. Можно ли в этом случае очистить локальное хранилище на определенной странице?

Андерсон Грин
источник
используйте консоль браузера для изменения содержимого localStorage. это просто объект javascript, как и любой другой.
флигель

Ответы:

155

В Chrome теперь есть возможность очистить локальное хранилище определенного сайта. Для этого введите это в омнибоксе

chrome://settings/siteData

Теперь вы можете ввести имя сайта, выбрать «Локальное хранилище» и нажать «Удалить», чтобы очистить локальное хранилище для сайта.

введите описание изображения здесь

Сатьяджит Бхат
источник
2
Если бы только это не
вылетало
Ха-ха, да, то же самое и здесь, мне пришлось искать предмет вручную через список @Selrond
ChesuCR
62

Хотя Chrome не предоставляет пользовательский интерфейс для очистки localStorage, существует API, который удаляет либо определенный ключ, либо весь объект localStorage на веб-сайте.

//Clears the value of MyKey
window.localStorage.removeItem("MyKey");

//Clears all the local storage data
window.localStorage.clear();

В каждом браузере Chrome по умолчанию установлена ​​консоль JavaScript. Таким образом, альтернативный метод, и, возможно, самый простой способ очистить localStorage, состоит в том, чтобы щелкнуть правой кнопкой мыши на странице, нажать «Проверить элемент», а затем перейти на вкладку «Консоль». Когда консоль откроется, введите следующий JavaScript и нажмите enter:

window.localStorage.clear()

После этого localStorage будет очищен. Обратите внимание, что это влияет на все веб-страницы в одном домене, поэтому если вы очистите localStorage для jsfiddle.net/index.html (при условии, что это страница, на которой вы находитесь), то он очистит его для всех других страниц на этом сайте. Посмотрите HTML5Goodies - Взгляд в локальное хранилище данных в HTML 5 для получения дополнительной информации.

jmort253
источник
10

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

Вы также можете использовать функцию удаления файлов cookie и других данных сайта и подключаемого модуля в диалоговом окне « Очистить данные просмотра » ( chrome://chrome/settings/clearBrowserDataили Ctrl+ Shift+ Delete), однако это не дает детального контроля на уровне сайта.

Для справки, jsfiddle.net не использует local-storage для своих фреймов, он использует стандартные куки, которые вы можете удалить chrome://chrome/settings/cookies. Просто введите jsfв поле для редактирования, затем нажмите window_sizescookie, а затем [Remove]кнопку. Чтобы удалить все файлы cookie на странице jsfiddle.net, просто нажмите на jsfiddleзапись (не на специальные файлы cookie) и нажмите Delete.

Synetech
источник
8
Думаю, этот ответ устарел. В Win 7 в панели chrome dev на вкладке ресурсов вы можете щелкнуть правой кнопкой мыши отдельные записи локального хранилища для определенного сайта и удалить их. Кажется, по одному, но все еще работает. Chrome Версия: 35.0.1916.114
BoomShaka
8

Вы также можете очистить его через консоль в окне разработчика с помощью команды localStorage.clear():

введите описание изображения здесь

Уилт
источник
Является ли undefinedожидаемый ответ?
Вейши Цзэн
да, нет никаких проблем с этим. Он удаляет хранилище красиво :) @WeishiZeng
Sampath
5

Я пока не могу комментировать, но принятый ответ уже не на 100% точен с момента последнего обновления Chrome. В Chrome появился новый вид материала для всех настроек; и ссылка для очистки всего локального хранилища для указанного хоста теперь немного отличается:

chrome://settings/siteData
evilkos
источник
этоchrome://settings/siteData
Сатьяджит Бхат
3

Если у вас есть Chrome Developer Tools, вы можете увидеть или изменить значения localStorage

  • F12или CtrlShiftIилиOptI
  • заявка
  • Место хранения
  • Локальное хранилище

Он организован по доменам. (localStorage относится к домену, а не к странице.)

введите описание изображения здесь

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

Боб Стейн
источник
1

Ответ chrome://settings/siteData не сработал для меня

Вот что у меня работает в Chrome версии 61:

  1. chrome://settings/content/cookies
  2. прокрутите вниз до пункта Все файлы cookie и данные сайта , и в поле «Поиск файлов cookie» введите «localhost».
  3. затем нажмите « Удалить все» или нажмите кнопку «Удалить»

Это очищает не только печенье , но и локальное хранилище и ваши локальные базы данных тоже

Крис Рэндалл
источник
Шаг 2 указывает там ...
Koshinae