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

Question

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

Answer 1

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

chrome://settings/siteData

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

Answer 2

Хотя 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 и нажмите ввод:

window.localStorage.clear()

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

Answer 3

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

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

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

Answer 4

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

Answer 5

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

chrome://settings/siteData

Answer 6

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

• F12 или Ctrl Shift I или pt Опция I
• заявка
• Место хранения
• Локальное хранилище

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

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

Answer 7

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

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

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

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