如何在本地更改css樣式並保存此更改

Question

我有一個web應用程序，我需要onclick更改css樣式，但我需要將此更改保存到webapp中，並將其保存到我的用戶的手機中，並且只能保存在他的手機中。用於onclick的javascript改變了它的CSS樣式，但我不知道如何保存這個CSS變化。

有人可以幫助我嗎？

由於現在多虧

Answer 1

一般CSS樣式不能直接保存的HTML客戶端上。

你可以做的是做一個Ajax調用回你的服務器並保存信息。用戶下一次要求頁面發送HTML時，已根據保存的信息在要添加樣式的元素上添加適當的樣式類。

有幾個hackish客戶端可能性涉及JavaScript & 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']; 
     } 
    } 

當然，你可能需要添加錯誤檢查和回退適當。