Chrome local storage is not storing dates correctly

user_12778808 0
Viewed 71

When setting data in Chrome's local storage containing a date, all the data is correctly retrieved except the date that disappears, but I really don't know what I am doing wrong.

await browser.storage.local.remove("ghunt");
var payload = {"ghunt": {
                "cookies": "dummydata",
                "date": new Date(),
                "step": "login"
            }};
console.log("Raw payload => ", payload);
console.log("Putting the payload in local storage...")
await browser.storage.local.set(payload)
console.log("Retrieving data from local storage...")
var storage = await browser.storage.local.get("ghunt");
console.log("Retrieved data => ", storage);

The exact same code / commands works perfectly on Firefox.

PS : I am using WebExtension-Polyfill from Mozilla to provide cross-browser support

Firefox output screenshot
Chrome output screenshot

local-storage google-chrome-extension javascript
1 Answers

MDN on StorageArea.set() (emphasis mine):

It's generally not possible to store other types, such as Function, Date, RegExp, Set, Map, ArrayBuffer, and so on. Some of these unsupported types will restore as an empty object, and some cause set() to throw an error. The exact behavior here is browser-specific.

Store new Date().getTime(), which is an integer, not new Date().

user_2404430
Related