IzumiSy · August 16, 2024 05:25 · klanpaia · Mar 30, 2022
diff --git a/manifest.json b/manifest.json
 {
  "name": "SyncExtension",
  "version": "0.1",
  "manifest_version": 2,
  
  "description": "Storage Sync Extension",
  
  "permissions": [ "storage" ],
  
  "browser_action": {
    "default_popup": "popup.html"
  }
 }
diff --git a/popup.html b/popup.html
 <!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>
diff --git a/popup.js b/popup.js

 // 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();
 }
	{
	"name": "SyncExtension",
	"version": "0.1",
	"manifest_version": 2,

	"description": "Storage Sync Extension",

	"permissions": [ "storage" ],

	"browser_action": {
	"default_popup": "popup.html"
	}
	}