felixfoertsch/webextensions-examples
1
0
Fork 0
mirror of https://github.com/mdn/webextensions-examples.git synced 2026-04-16 06:18:35 +02:00
Code Issues Packages Projects Releases Wiki Activity

lets use storage.sync and browser_style (#210)

Browse Source
This commit is contained in:
Andy McKay
2017-04-24 16:48:07 -07:00
committed by wbamberg
parent 277ac935fa
commit 8c575424ea
3 changed files with 11 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
favourite-colour/manifest.json
View File

@@ -10,8 +10,14 @@
"manifest_version": 2,
"name": "Favourite colour",
"options_ui": {
"page": "options.html"
"page": "options.html",
"browser_style": true
},
"permissions": ["storage"],
"version": "1.0"
"version": "1.1",
"applications": {
"gecko": {
"id": "favourite-colour-examples@mozilla.org"
}
}
}

5
favourite-colour/options.html
View File

@@ -7,12 +7,9 @@
<body>
<form>
<fieldset>
<legend>Options</legend>
<p>Favourite colour</p>
<label>Favourite colour</label>
<input type="text" id="colour" >
<button type="submit">Save</button>
</fieldset>
</form>
<script src="options.js"></script>
</body>

4
favourite-colour/options.js
View File

@@ -1,12 +1,12 @@
function saveOptions(e) {
browser.storage.local.set({
browser.storage.sync.set({
colour: document.querySelector("#colour").value
});
e.preventDefault();
}
function restoreOptions() {
var gettingItem = browser.storage.local.get('colour');
var gettingItem = browser.storage.sync.get('colour');
gettingItem.then((res) => {
document.querySelector("#colour").value = res.colour || 'Firefox red';
});