11

I am trying to do a simple JS exercise using localStorage to store some values; when I try to inspect these values using Chrome devtools I can't see the keys

enter image description here

Is there any setting so that I can see it with every key?


Edit:

I am trying to set this value using

localStorage.setItem('Try', 'This is a try');
console.log(localStorage.getItem('Try'));

and the "This is a try" is correctly logged in the console.

4
  • How are you trying to set those values? Show the code. Or are you trying to set it manually by writing directly in the storage without the use of JS? Commented May 16, 2018 at 12:51
  • 1
    believe me or not, This is a try is your key, not the value. There should be another colum on the right labelled "Value" where the value is shown (you'll notice This is a try in the image is in the column labelled "Key")
    – Kaddath
    Commented May 16, 2018 at 12:53
  • Actually @Kaddath you are wrong, as irvins said it was only the window moved all the way up; "Try" is the key and "This is a try" is the value.
    – ArenaLor
    Commented Jun 1, 2018 at 8:04
  • Solved my problem, but you are right that it is NOT obvious. The top window completely covers the window with the key/value table below it. +1
    – Yogi
    Commented Sep 14, 2018 at 19:29

2 Answers 2

26

Your window showing the value seems to be moved all the way up

hover the mouse on the line between the "This is a try" and "Key", click and drag down.

you should see the covered screen then

5
  • 3
    so weird, this happens all the time and it's not clear at all, thanks
    – returnvoid
    Commented Aug 1, 2018 at 20:25
  • @irvins thanks! I was banging my head against the keyboard trying to figure this out.
    – Flavio
    Commented Oct 4, 2018 at 3:19
  • 1
    Or follow these steps learn.microsoft.com/en-us/microsoft-edge/… , If link not working (open dev tool > click setting icon > click reset setting [last option in preference page ] )
    – Ankit
    Commented Jan 23, 2023 at 6:24
  • @Ankit This is bananas - I have to do this on every single use of the dev tools. Every time I view Application! I'm on latest Chrome. Is there a permanent fix/workaround?
    – Tsar Bomba
    Commented Feb 23, 2023 at 21:59
  • 1
    @TsarBomba I had faced this issue only once, so not sure what has caused it. If you find anything please let us know.
    – Ankit
    Commented Feb 24, 2023 at 12:34
2

I fixed this by clicking the button Chrome Developer Tools > Settings > Preferences > Restore defaults and reload

Not the answer you're looking for? Browse other questions tagged or ask your own question.