I\'m trying to learn how to use the localStorage js object with the following code.
<!-- Necro post I know, but maybe it helps someone else -->
I couldn't figure out why I couldn't see something in my localStorage
in Dev Tools, but could see it in the console when typing localStorage
. Well, if you store something with Dev Tools open, you won't see Application -> Local Storage
have anything listed for your host. When I closed/reopened Dev Tools, I could see my data.
So, in conclusion, close/reopen Dev Tools.
Ok. Thanks must go to pimvdb on this one but here's the solution.
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
function saveStuff() {
sessionStorage.setItem('sessionKey', 'sessionValue');
localStorage.setItem('localKey', 'localValue');
}
localStorage.getItem('localKey');
sessionStorage.getItem('sessionKey');
</script>
</head>
<body>
<button type="button" onclick="saveStuff()">Save</button>
</body>
</html>
Summary seems to be that that you must attempt a read of the key in order to persist it.
Conclusion: WTF.