Не удается использовать localStorage

Question

Почему локальное хранилище не работает?

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

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

var main = function() { 
$('#theme1').click (function() { 
    localStorage.setItem("theme", "1"); 
    console.log("click"); 
}); 
} 
$(document).ready(main); 

Я также пробовал localStorage.theme = "1"; безрезультатно.

Я нахожусь в последнем Chrome, но, несмотря на это, очевидно, что поддерживается html 5. Я проверил на веб-сайте w3 w3schools.com/html5_webstorage и запускаю код через свою систему «Попробуй сам».

Answer 1

Чтение локальное хранилище при загрузке страницы работала.

Я использовал оконную консоль разработчика для запуска localStorage.theme = "1" в соответствии с комментарием Дан Принца, и похоже, что он не работал по простой причине. Вы должны покинуть окно локального хранилища и вернуться к нему, чтобы увидеть изменения, но не обновляется.

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

Answer 2

Пожалуйста, обратитесь изображение для проверки/проверки LocalStorage работы или нет. также вы написали код для события клика ... нажмите на него, а затем просмотрите в консоли. еще одна вещь в журнале консоли

var main = function() { 
$('#theme1').click (function() { 
    localStorage.setItem("theme", "1"); 
    console.log(localStorage.getItem('theme')); 
}); 
} 
$(document).ready(main); 

голосов, если и нравится ...