Question

我有一个webapp，我需要点击更改css样式，但我需要将这个更改保存在我的用户手机中的webapp中，并且仅在他的手机中。 onclick的javascript改变了css样式它正在工作，但我不知道如何保存这个css更改。

有人可以帮我吗？

从此感谢

Answer 1

通常，CSS样式不能直接保存在HTML客户端上。

您可以做的是将Ajax回调到您的服务器并将信息保存在那里。下次用户请求页面时，根据保存的信息，在您希望样式化的元素上发送具有相应样式类的HTML。

有几个hackish客户端可能涉及JavaScript＆amp; cookie或本地存储但是如果可能的话我会避免这种解决方案，因为它很可能导致恼人的闪烁，因为页面加载并呈现单向样式然后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'];
        }
    }

当然，您可能希望根据需要添加错误检查和回退。

如何在本地更改css样式并保存此更改

2 个答案: