Chrome Extension V3 does not save storage?

[Petar Maletic]

service-worker.js:

chrome.storage.local.set({test: "yes"}, function () {
if (chrome.runtime.lastError) {
console.error(chrome.runtime.lastError);
} else {
console.log("SAVED");
}
});

Says saved but in developer tools -> Application->Local Storage, all empty?

In console:
chrome.storage.local.get(" test ").then((result) => {
    console.log("Value currently is " + result.key);
  });

and also in service-worker.js....

Says it's undefined?

manifest.json looks like:

{
"name": "SEO",
"description": "SEO",
"author": "Petar",
"version": "1.0",
"manifest_version": 3,
"background": {
"service_worker": "js/service-worker.js"
},
"web_accessible_resources": [
{
"resources": ["js/*.js"],
"matches": ["<all_urls>"]
},
{
"resources": ["css/*.css"],
"matches": ["<all_urls>"]
},
{
"resources": ["*.html"],
"matches": ["<all_urls>"]
}
],
"externally_connectable": {
"matches": [
"*://*.google.com/*"
]
},
"content_scripts": [
{
"matches": ["<all_urls>"],
"run_at": "document_start",
"all_frames": false,
"js": [ "js/google-scrape.js"]
}
],
"icons": {
"128": "images/icon-128.png",
"180": "images/icon-128.png"
},
"action": {},
"permissions": [
"activeTab",
"tabs",
"storage",
"gcm"
],
"content_security_policy": {
"extension_pages": "script-src 'self'; object-src 'self'"
},
"options_page": "options.html",
"action": {
"default_icon": {
"128": "images/icon-128.png"
},
"default_title": "SEO"
}
}

[Browser Extenstion]

Your syntax is incorrect.
Use:

chrome.storage.local.get("test", (result) => {
    console.log("Value currently is " + result.test);
});

[wOxxOm]

Also note that `Local Storage` shown by devtools is `window.localStorage` of the web site shown in the tab and not `chrome.storage.local` of the extension, which is a completely different storage. To inspect it you can use Storage Area Explorer extension (due to a bug in Chrome it can't work in devtools for a service worker, so you'll use it in a visible page like the popup) or run await chrome.storage.local.get() in devtools console or develop in Firefox which shows this storage in devtools for the background script.

[Petar Maletic]

Thanks @ wOxxOm

I opened a pinned tab like this: chrome.tabs.create({url: "chrome-extension://" + chrome.runtime.id + "/js/google-scrape.js", active: false, pinned: true}, function (tab) {});

This is for faster checks after refresh extension :)

And than with Storage Area Explorer extension I can see all data :)