Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

What is "Session Storage" in Chrome Developer Tools?

What is Session Storage under the Resources tab of Chrome's Developer Tools?

Sessions are a server-side feature and cannot be accessed from the front end.

One can use the Ctrl+shift+I shortcut to access the Developer Tools.

like image 282
newday Avatar asked Nov 24 '13 02:11

newday


People also ask

Where is session storage in Chrome?

# View sessionStorage keys and valuesClick the Application tab to open the Application panel. Expand the Session Storage menu. Click a domain to view its key-value pairs. Click a row of the table to view the value in the viewer below the table.

What is session storage?

sessionStorage is similar to localStorage ; the difference is that while data in localStorage doesn't expire, data in sessionStorage is cleared when the page session ends. Whenever a document is loaded in a particular tab in the browser, a unique page session gets created and assigned to that particular tab.

What is session in Chrome?

Sessions for Google Chrome™ allows you to save all tabs in your current window into a single session for recalling later. If you've got a bunch of tabs open, all related to a single focus, you can shelve the session and close the tabs or entire window, and single-click to restore it.

Should I use session or Local Storage?

localStorage and sessionStorage are almost identical and have the same API. The difference is that with sessionStorage , the data is persisted only until the window or tab is closed. With localStorage , the data is persisted until the user manually clears the browser cache or until your web app clears the data.


2 Answers

Guess its too late to answer but for anyone else, the session storage that is shown in chrome dev tools is HTML5 sessionStorage and not the server side Session.

like image 197
stripathi Avatar answered Oct 17 '22 21:10

stripathi


For Chrome, version 59x, you go to the Applications tab in Chrome Developer Tools. It's for variables you can put into the client side javascript to persist it in that users session. I use it with Angularjs as in:

$window.sessionStorage.setItem("username", $scope.userLogin.username);

See the picture below:

enter image description here

like image 5
James Drinkard Avatar answered Oct 17 '22 21:10

James Drinkard