As developers, in many situations we need to check what is currently stored in cookies or local or session storage. Most common situation when it is needed to check cookies, local and session storage is:
- debugging our application or webiste
- check if proper data is saved in cookies, local or session storage
- remove cookies, local or session storage
- change manually the content of cookies, local or session storage
To do all things mentioned above, we need to follow a few easy steps. In all browsers click F12 on keyboard, and open developers tools. Then click like on images below to show cookies and session and local storage.
Table of Contents
Check cookies in Internet Explorer 11 (IE11)
To check cookies in Internet Explorer 11 (IE11) you must press F12 button on your keyboard, and switch tab to “Network”. Press green “play” button (green triangle) in top left corner of console window. Next, refresh browser window (press F5), and check url in list. On chosen url, click “DETAILS”.
In DETAILS you can see which cookies are assigned to chosen URL.
Check local and session storage in Internet Explorer 11 (IE11) and Microsoft Edge
To check local and session storage in Internet Explorer 11 (IE11) and Microsoft Edge you must press F12 button on your keyboard, and switch tab to “CONSOLE”. Here you must write only text “sessionStorage” or “localStorage” and data would be displayed. It is possible because both local and session storage are properties of parent “window” object.
Check cookies in Microsoft Edge
To check cookies in Microsoft Edge you must press F12 button on your keyboard, and switch tab to “Debugger”. Here in left hand side column you can find “Cookies” and explore it.
Check cookies in Chrome and Opera
To check cookies in Chrome browser you must press F12 button on your keyboard. In Opera you must click CTRL + SHIFT + I. Further, in both browsers, switch tab to “Debugger”. Here in left hand side column you can find “Cookies” and explore it.
Check local and session storage in Chrome and Opera
To check cookies in Chrome you must press F12 button on your keyboard. In Opera you must click CTRL + SHIFT + I. Further, in both browsers, switch tab to “Application”. Here in left hand side column you can find “Local Storage” and “Session Storage” and explore it.
Check cookies in Firefox
To check cookies in Firefox you must press F12 button on your keyboard. Here in left hand side column you can find “Cookies” and explore it.
Check local and session storage in Firefox
To check cookies in Firefox you must press F12 button on your keyboard. Here in left hand side column you can find “Local Storage” and “Session Storage” and explore it.
As you can see, there are small differences between browsers to check data stored in cookies, local and session storage. I hope that this short article make it easier for you 🙂
