https://github.com/en-atul/storage-inspector-js

Clear browser site-data i.e. Cookies, Session Storage, Local Storage, IndexDB, Cache Storage & get info about storage usage & quota.
https://github.com/en-atul/storage-inspector-js

angular javascript reactjs svelte typescript vuejs

Last synced: 6 months ago
JSON representation

Clear browser site-data i.e. Cookies, Session Storage, Local Storage, IndexDB, Cache Storage & get info about storage usage & quota.

• Host: GitHub
• URL: https://github.com/en-atul/storage-inspector-js
• Owner: en-atul
• Created: 2023-04-07T08:36:01.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2023-04-07T14:28:22.000Z (about 3 years ago)
• Last Synced: 2025-09-17T03:55:12.971Z (7 months ago)
• Topics: angular, javascript, reactjs, svelte, typescript, vuejs
• Language: TypeScript
• Homepage:
• Size: 13.7 KB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
## Browser Storage Inspector

storage-inspector-js library helps to clear site data & provides storage usage & quota.




![npm version](https://img.shields.io/npm/v/storage-inspector-js.svg?style=flat-square)

[![install size](https://img.shields.io/badge/dynamic/json?url=https://packagephobia.com/v2/api.json?p=storage-inspector-js&query=$.install.pretty&label=install%20size&style=flat-square)](https://packagephobia.now.sh/result?p=storage-inspector-js)

[![npm bundle size](https://img.shields.io/bundlephobia/minzip/axios?style=flat-square)](https://bundlephobia.com/package/axios@latest)

[![npm downloads](https://img.shields.io/npm/dm/storage-inspector-js.svg?style=flat-square)](https://npm-stat.com/charts.html?package=storage-inspector-js) [![npm version](https://badge.fury.io/js/storage-inspector-js.svg)](https://badge.fury.io/js/storage-inspector-js)



# Browser Support

![Brave](https://img.shields.io/badge/Brave-FB542B?style=for-the-badge&logo=Brave&logoColor=white) ![Edge](https://img.shields.io/badge/Edge-0078D7?style=for-the-badge&logo=Microsoft-edge&logoColor=white) ![Firefox](https://img.shields.io/badge/Firefox-FF7139?style=for-the-badge&logo=Firefox-Browser&logoColor=white) ![Google Chrome](https://img.shields.io/badge/Google%20Chrome-4285F4?style=for-the-badge&logo=GoogleChrome&logoColor=white) ![IE](https://img.shields.io/badge/Internet%20Explorer-0076D6?style=for-the-badge&logo=Internet%20Explorer&logoColor=white) ![Opera](https://img.shields.io/badge/Opera-FF1B2D?style=for-the-badge&logo=Opera&logoColor=white) ![Safari](https://img.shields.io/badge/Safari-000000?style=for-the-badge&logo=Safari&logoColor=white)

# Installation

```js

 # If you use npm:

 npm i storage-inspector-js

 # If you use yarn:

 yarn add storage-inspector-js

 ES6 Usage

 import { BROWSER, getStorageUsageAndQuota, clearSiteData } from 'storage-inspector-js';

 Commonjs Usage

 var { BROWSER, getStorageUsageAndQuota, clearSiteData } = require('storage-inspector-js');

```

# Usage

```js

import React, {useEffect} from 'react';

import { BROWSER, getStorageUsageAndQuota, clearSiteData, STORAGE_INFO } from 'storage-inspector-js';

const App = () => {

  const [storageInfo, setStorageInfo] = useState()

 useEffect(()=>{

  (async()=>{

     const res= await getStorageUsageAndQuota();

     setStorageInfo(res)

    })()

  },[])

  const clearStorage = async () => {

    await clearSiteData({ reload: true})

    // to delete specific IndexDB

    await clearSiteData({ indexDBName: "DBName", reload: true})

  }

  return (

   


    
BROWSER: {BROWSER}

    
Storage Info: {storageInfo.baked.usage/storageInfo.baked.quota}

    Clear Site Data

   

  );

};


export default App;

```

# Props

| name                    | type       | params                                                | default | description                                                                                                                                                    |

| ----------------------- | ---------- | ----------------------------------------------------- | ------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------- |

| BROWSER                 | `string`   |                                                       |         | it will provide the browser name i.e. `Brave`, `Chrome`, `Firefox`, `Safari`, `Internet Explorer` `Edge`, `Samsung Browser`, `UC Browser`, `Opera`, `Unknown`. |

| getStorageUsageAndQuota | `function` |                                                       |         | get storage usage & quota `{     raw: { usage: 180670, quota: 24090080 },     baked: { usage: "230KiB", quota: "980MiB" }    }`                                |

| clearSiteData           | `function` | `indexDBName` required for firefox, `reload` required |         | clears site data which includes all browser storage. Set `reload` params to `true`, to reload the site once storage is clear.                                  |