Как изменить стиль css локально и сохранить изменения

Question

У меня есть webapp, и мне нужно изменить стиль css для изменения, но мне нужно сохранить это изменение в webapp, установленном в телефоне моего пользователя, и только в его телефоне. Javascript для onclick изменяет стиль css, он работает, но я не знаю, как сохранить изменения css.

Может ли кто-нибудь помочь мне с этим?

Поскольку теперь благодаря

Answer 1

В общих стилей CSS не могут быть сохранены непосредственно на HTML-клиенте.

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

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

Answer 2

Выработать на мой комментарий:

el1.addEventListener('click', function() { 
     el2.style.color = 'red'; 
     localStorage['color'] = el2.style.color; 
    }) 

А потом при запуске:

window.addEventListener('load', function() { 
     if (localStorage['color']) { 
      el2.style.color = localStorage['color']; 
     } 
    } 

Конечно, вы можете добавить проверку ошибок и резервные объявления в зависимости от обстоятельств.