How to view sessions in development

Question

I am trying to figure out a way to see values stored in my sessions i.e. something like this plugin for cookies

Mainly trying this as this flow for sessions:

sessionStorage.setItem('token', 'someValue')
console.log(sessionStorage.getItem('token'))
console.log(sessionStorage.length)
sessionStorage.removeItem('token')
console.log(sessionStorage.length)

console logs this:

undefined
2
1

So clearly the session is being set (+ there was another one from somewhere, hence 2 sessions)

However how can I check it's value and use it in code, if it is returning undefined

`console.log(sessionStorage)`? Or check the browser tools' Resources tab. — JJJ, Jul 02 '16 at 08:35

score 1 · Accepted Answer · answered Jul 02 '16 at 08:37

Your browser's development tools probably offer this.

For instance, in Chrome's dev tools, you'd go to the Resources tab and choose Session Storage on the left, then pick the origin from the list:

On Firefox, the Storage Inspector is disabled by default. You have to go into dev tools, click the gear icon for dev tools settings, and enable it, but then you can use it in much the same way:

Other browsers' dev tools may have similar features.

score 0 · Answer 2 · answered Jul 02 '16 at 08:40

0

For example in Chrome : Right click -> Inspect-> Resources -> Session Storage -> Lists storage data for all the domains

answered Jul 02 '16 at 08:40

suchin chouta

21
2

score -1 · Answer 3 · edited May 23 '17 at 11:52

-1

I found this list of storage locations for different browsers.

Unfortunately, it´s not certain that the files will always contain the most recent data; but I´d say it´s worth a shot.

Have you thought about setting breakpoints and use the console to read from the session?

edited May 23 '17 at 11:52

Community

1
1

answered Jul 02 '16 at 08:37

Titus

452
8
19

How to view sessions in development

3 Answers3