Engaged on an internet extension is an fascinating expertise — you get to style internet whereas working with particular extension APIs. One such API is storage — the online extension taste of persistence. Let’s discover how you need to use session and native storage inside your Manifest V3 internet extensions!
Enabling Extension Storage
The extension storage API is not accessible by default. To allow the storage API, you should cite it within the manifest.json file of your extension:
{
// extra....
"manifest_version": 3,
"identify": "__MSG_appName__",
"permissions": [
"storage",
// more....
],
// extra....
}
Including storage to the permissions array, which is a high degree manifest.json key, supplies session and native storage capabilities to your extension.
Get, Set, and Take away Storage Values
Very like conventional localStorage and sessionStorage APIs, extension storage supplies get, set, and take away operations:
// set
await chrome.storage.session.set({ identify: "David", shade: "inexperienced" });
// get
const { identify, shade } = await chrome.storage.session.get(["name", "color"]);
// take away
await chrome.storage.session.take away(["name", "color"]);
A couple of issues to notice:
getrequires an array argument, not a single worth likelocalStorageandsessionStoragesetmust be an object formattake awaycan be an array, very likeget- You should utilize
chrome.storage.nativeorchrome.storage.sessionrelying on how - The entire extension storage API strategies are promise-based, with
awaitor callback codecs
Clear All Storage
Within the occasion that you simply need to clear all knowledge for native or session storage, there is a clear methodology:
await chrome.storage.session.clear();
Utilizing clear is efficient however you may need to make sure that you do really need to clear every little thing — clear might turn out to be a upkeep problem.
Storage is an important a part of most internet extensions. Whereas the API is straightforward, the async format and methodology names are totally different.
Supply hyperlink
