Skip to content

Instantly share code, notes, and snippets.

@letanure
Forked from IzumiSy/manifest.json
Created July 26, 2016 13:41
Show Gist options
  • Save letanure/1e2a7af77c61e007e8a652dd583dca89 to your computer and use it in GitHub Desktop.
Save letanure/1e2a7af77c61e007e8a652dd583dca89 to your computer and use it in GitHub Desktop.
Chrome.storage.sync example
{
"name": "SyncExtension",
"version": "0.1",
"manifest_version": 2,
"description": "Storage Sync Extension",
"permissions": [ "storage" ],
"browser_action": {
"default_popup": "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>
// 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();
}
Copy link

ghost commented Nov 30, 2017

hi, i am able to store data using chrome.storage.sync.set(); and retrieve using chrome.storage.sync.get();

chrome.storage.sync.set({ "key" : JSON.stringify(value) }, function() {
console.log('async success');
});
chrome.storage.sync.get("key", function (response) {
console.log(JSON.parse(Object.values(response)));
});

now on click of a plugin icon , a new tab should open showing the stored data graphically. how to achieve.?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment