chrome.storage.sync не сохраняет данные

Question

Я пытаюсь сохранить данные, которые пользователь вводит внутри текстового поля в popup.html. Используя jQuery на window unload, данные должны быть синхронизированы, а по window ready данные должны быть восстановлены. Однако при открытии popup.html содержание текстового поля составляет undefined. Это код JQuery, который я погрузки в popup.html:

$(window).unload (
    function save() { 
     var textarea = document.querySelector("#contacts").value; 
     // Old method of storing data locally 
     //localStorage["contacts"] = textarea.value; 

     // Save data using the Chrome extension storage API. 
     chrome.storage.sync.set({contacts: textarea}, function() { 
      console.log("Contacts saved"); 
     }); 
    }); 

$(window).ready(
    function restore() { 
     var textarea = document.querySelector("#contacts"); 
     // Old method of retrieving data locally 
     // var content = localStorage["contacts"]; 
     chrome.storage.sync.get('contacts', function(r) { 
      console.log("Contacts retrieved"); 
      var content = r["contacts"]; 
      textarea.value = content; 
     }); 
    }); 

Answer 1

Я нашел решение. Вместо того чтобы использовать $(window).unload() я теперь использовать кнопку отправки, которую нужно щелкнуть перед закрытием popup.html:

$("#save-button").click(function() { 
     var textarea = document.querySelector("#contacts").value; 
     var save = {}; 
     save["contacts"] = textarea; 
     // Save data using the Chrome extension storage API. 
     chrome.storage.sync.set(save, function() { 
      console.log("Contacts saved"); 
     }); 
     $("#confirm").text("Contacts saved.").show().fadeOut(5000); 
}); 

Answer 2

От popup.js вы можете вызвать метод в background.js файла для сохранения данных:

popup.js:

addEventListener("unload", function(){ 
    var background = chrome.extension.getBackgroundPage(); 
    background.mySavefunction(data); 
} 

background.js:

function mySaveFunction(data){ 
    chrome.storage.sync.set(data, function(){ 
     console.log("Data saved."); 
    }); 
}