爲什麼加載新頁面時Chrome.storage.sync存儲會重置？

Question

var userCharacters = []; 

window.onkeyup = function(e){ 

userCharacters.push(e.key); 

chrome.storage.sync.set({'userInput':userCharacters}) 

if(e.key == "Shift") 
    chrome.storage.sync.get('userInput',function(userText){ 
    alert(userText.userInput); 
    }); 

} 

我試圖存儲和檢索標記爲'userInput'的數據，但每次打開新頁面或標籤時，它都會重置userText.userInput值。有人可以解釋爲什麼會發生這種情況，以及我們如何解決這個問題？

Answer 1

每次加載新頁面時，userCharacters[]陣列被定義爲[]，然後添加字符。當您運行chrome.storage.sync.set({'userInput':userCharacters})時，現有數據將被覆蓋。
要解決此問題，請在用戶添加更多內容之前將已存儲的數據加載到userCharacters中。

var userCharacters; 
chrome.storage.sync.get('userInput',function(userText){ 
    userCharacters = userText.userInput; 
}); 
window.onkeyup = function(e){ 
    userCharacters.push(e.key); 
    chrome.storage.sync.set({'userInput':userCharacters}) 
    if(e.key == "Shift") 
    chrome.storage.sync.get('userInput',function(userText){ 
     alert(userText.userInput); 
    }); 
}