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.
# 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.
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.
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.
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.
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.
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:
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With