如何在本地更改css样式并保存这些更改
我有一个webapp,我需要再次单击ChangeCSS样式,但我需要将此更改保存在安装到我的用户手机中的webapp中,并且只保存在他的手机中。onclick的javascript改变了css样式,它正在工作,但我不知道如何保存这个css更改 有人能帮我吗如何在本地更改css样式并保存这些更改,css,html,Css,Html,我有一个webapp,我需要再次单击ChangeCSS样式,但我需要将此更改保存在安装到我的用户手机中的webapp中,并且只保存在他的手机中。onclick的javascript改变了css样式,它正在工作,但我不知道如何保存这个css更改 有人能帮我吗 从现在起,一般来说,CSS样式不能直接保存在HTML客户端上 您可以做的是向服务器回拨Ajax并将信息保存在那里。下次用户请求页面时,请根据保存的信息在要设置样式的元素上发送具有适当样式类的HTML 有几种黑客客户端可能涉及JavaScrip
从现在起,一般来说,CSS样式不能直接保存在HTML客户端上 您可以做的是向服务器回拨Ajax并将信息保存在那里。下次用户请求页面时,请根据保存的信息在要设置样式的元素上发送具有适当样式类的HTML
有几种黑客客户端可能涉及JavaScript和Cookie或本地存储,但如果可能的话,我会避免这种解决方案,因为当页面加载并呈现单向样式,然后JavaScript最终运行并更正样式时,很可能会导致恼人的闪烁。详细说明我的评论:
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'];
}
}
当然,您可能需要根据需要添加错误检查和回退。将其保存在本地存储中,并让您的应用程序在(重新)启动时读取本地存储。如果此JavaScript在快速客户端上运行,您可能不会注意到闪烁。在速度较慢的客户端上,例如同时运行许多其他应用程序的手机,或者是旧客户端,它可能会在JavaScript执行之前以原始颜色短暂出现。这一点的重要性当然由OP决定。