AndersonFirmino
8/25/2014 - 1:31 PM

Chrome.storage.sync example

Chrome.storage.sync example

manifest.json
content_copyfile_download
{
  "name": "SyncExtension",
  "version": "0.1",
  "manifest_version": 2,
  
  "description": "Storage Sync Extension",
  
  "permissions": [ "storage" ],
  
  "browser_action": {
    "default_popup": "popup.html"
  }
}
popup.html
content_copyfile_download
<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="utf-8" />
</head>
<body>
  <div id="data"></div>
  <input type="text" id="text"></input>
  <button id="set">Set</button>
  <script src="popup.js"></script>
</body>
</html>
popup.js
content_copyfile_download

// popup.js

document.body.onload = function() {
  chrome.storage.sync.get("data", function(items) {
    if (!chrome.runtime.error) {
      console.log(items);
      document.getElementById("data").innerText = items.data;
    }
  });
}

document.getElementById("set").onclick = function() {
  var d = document.getElementById("text").value;
  chrome.storage.sync.set({ "data" : d }, function() {
    if (chrome.runtime.error) {
      console.log("Runtime error.");
    }
  });
  window.close();
}