Examine Offline Data (cookies, web storage)

There are several ways a web page can store data on a user’s device:

  1. Cookies
  2. localStorage
  3. sessionStorage
  4. IndexedDB
  5. Web SQL

Here is a light-weight tool that you can use to inspect the cookies and HTML5 web storage data (localStorage and sessionStorage) stored by a web page. You can easily check if a website stores your credit card information in a cookie! The tool can also aid in debugging web pages that store offline data.

To use the tool, simply drag the link (bookmarklet) below to your bookmarks toolbar and invoke it (by clicking on it) when you are on any web page.

Offline Data ← bookmarklet

To see the tool in action, click the “Offline Data” link above to examine the data stored by this web page.


The tool has no dependencies (such as jQuery) and works in all modern browsers, on both http: and https: web pages.

If your actions on the web page cause changes to the stored data, you can invoke the bookmarklet again, to see the updated data. You can also remove cookies or web storage data by clicking the “X” icon that shows up on hovering on individual items (or section headings).

A future version of the tool will automatically watch cookies and web storage data for changes as well as allow you to edit them inline.

The tool does not show data stored using IndexedDB or Web SQL, since that information is not exposed by browsers via JavaScript. It also does not support the HTML5 FileSystem API, which is currently not supported by most browsers.

This tool is also available as a Google Chrome Extension.


Screenshots

Offline data stored by google.com:

Offline data stored by builtwithbootstrap.tumblr.com:

Offline data stored by twitter.com:

Share this:
Twitter Email

One comment

  • stefan
    July 2, 2013 - 1:14 pm | Permalink

    very helpful feature – thank you!

  • Leave a Reply

    Your email address will not be published. Required fields are marked *

    *

    You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">

    *