Cache Storage (or Cache API) is a browser storage system that holds network request/response pairs. It is designed to be used by Service Workers to intercept requests and serve cached responses, enabling offline functionality and faster load times. Developers have full programmatic control over what is stored and when it is updated.

Our online viewer provides a quick, zero-install way to inspect Cache Storage without opening browser developer tools. It works across devices and shows you exactly what your Service Worker has cached, with comfortable filtering and easy detail viewing. It’s especially handy for quick checks or when DevTools feel overwhelming.

Entries that are opaque responses (from cross-origin requests without CORS) have their headers and body hidden for security. The browser reports a status of 0 and restricts access. Only same-origin or CORS-enabled responses will show full details in this viewer.

You can use caches.delete('cache-name') to remove a specific cache, or caches.keys().then(names => Promise.all(names.map(name => caches.delete(name)))) to clear all caches. The buttons at the top of this tool do exactly that.

HTTP cache is controlled by the browser based on response headers like Cache-Control. Cache Storage is controlled programmatically by JavaScript (usually via a Service Worker), giving developers fine-grained control over what gets cached, when it’s updated, and which requests to serve from cache.

The tool page itself needs an internet connection to load, but it can inspect caches that were created by any website, including those meant for offline use. Once loaded, the inspection happens locally in your browser.