OPFS Explorer par Hasan Bayat
A powerful DevTools extension to inspect, manage, and edit files in the Origin Private File System (OPFS)
43 utilisateurs·trices43 utilisateurs·trices
MĂ©tadonnĂ©es de lâextension
Captures dâĂ©cran
Ă propos de cette extension
OPFS Explorer - The Missing DevTools Panel for Origin Private File System
The Origin Private File System (OPFS) is a powerful browser API for high-performance file storage, but browsers don't provide any way to see what's inside. OPFS Explorer fills this gap by adding a dedicated panel to Chrome DevTools.
GitHub: https://github.com/hasanbayatme/opfs-explorer
SECURITY HIGHLIGHTS:
âą NO host permissions - doesn't access any websites
âą NO content scripts - no code injected into pages
âą ONLY permission: clipboard for "Copy Path" feature
âą Uses DevTools native inspectedWindow.eval() API
KEY FEATURES:
đ Visual File Tree - Browse directories with file sizes and type icons
đ Code Editor - Syntax highlighting for JSON, JS, TS, HTML, CSS
đŒïž Image Preview - Zoom, rotate, and inspect images up to 5MB
đ Markdown Support - Preview or edit .md files
â Multi-Selection - Ctrl+Click, Shift+Click, Ctrl+A with bulk delete/download
đ±ïž Drag & Drop - Upload files or reorganize your file structure (multi-drag)
⥠Full CRUD - Create, rename, move, and delete files/folders
âŹïž Download Files - Export from OPFS to your local machine
đ Storage Stats - Monitor your OPFS quota usage
âšïž Keyboard Shortcuts - 20+ shortcuts with platform-aware hints in context menus
đ Theme Support - Adapts to DevTools light/dark themes
âż Fully Accessible - WCAG 2.1 AA with screen reader, keyboard, and high contrast support
PERFECT FOR:
âą SQLite Wasm applications (sql.js, wa-sqlite, sqlite-wasm)
âą Progressive Web Apps (PWAs) with offline storage
âą File System Access API projects
âą Browser-based IDEs and editors
âą Any app using navigator.storage.getDirectory()
PRIVACY:
âą Runs entirely locally - no external connections
âą No data collection or telemetry
âą Minimal permission (clipboard only)
âą No content scripts or host permissions
âą Open source: github.com/hasanbayatme/opfs-explorer
HOW TO USE:
1. Open any website using OPFS (https or localhost)
2. Open DevTools (F12)
3. Click the "OPFS Explorer" tab
4. Browse, edit, and manage your files!
The Origin Private File System (OPFS) is a powerful browser API for high-performance file storage, but browsers don't provide any way to see what's inside. OPFS Explorer fills this gap by adding a dedicated panel to Chrome DevTools.
GitHub: https://github.com/hasanbayatme/opfs-explorer
SECURITY HIGHLIGHTS:
âą NO host permissions - doesn't access any websites
âą NO content scripts - no code injected into pages
âą ONLY permission: clipboard for "Copy Path" feature
âą Uses DevTools native inspectedWindow.eval() API
KEY FEATURES:
đ Visual File Tree - Browse directories with file sizes and type icons
đ Code Editor - Syntax highlighting for JSON, JS, TS, HTML, CSS
đŒïž Image Preview - Zoom, rotate, and inspect images up to 5MB
đ Markdown Support - Preview or edit .md files
â Multi-Selection - Ctrl+Click, Shift+Click, Ctrl+A with bulk delete/download
đ±ïž Drag & Drop - Upload files or reorganize your file structure (multi-drag)
⥠Full CRUD - Create, rename, move, and delete files/folders
âŹïž Download Files - Export from OPFS to your local machine
đ Storage Stats - Monitor your OPFS quota usage
âšïž Keyboard Shortcuts - 20+ shortcuts with platform-aware hints in context menus
đ Theme Support - Adapts to DevTools light/dark themes
âż Fully Accessible - WCAG 2.1 AA with screen reader, keyboard, and high contrast support
PERFECT FOR:
âą SQLite Wasm applications (sql.js, wa-sqlite, sqlite-wasm)
âą Progressive Web Apps (PWAs) with offline storage
âą File System Access API projects
âą Browser-based IDEs and editors
âą Any app using navigator.storage.getDirectory()
PRIVACY:
âą Runs entirely locally - no external connections
âą No data collection or telemetry
âą Minimal permission (clipboard only)
âą No content scripts or host permissions
âą Open source: github.com/hasanbayatme/opfs-explorer
HOW TO USE:
1. Open any website using OPFS (https or localhost)
2. Open DevTools (F12)
3. Click the "OPFS Explorer" tab
4. Browse, edit, and manage your files!
Noté 0 par 1 personne
Autorisations et données
Autorisations nécessaires :
- Ajouter des données dans le presse-papiers
- Ouvrir les outils de dĂ©veloppement afin dâaccĂ©der Ă vos donnĂ©es dans les onglets ouverts
Collecte de données :
- Le dĂ©veloppeur indique que cette extension nâa pas besoin de collecter de donnĂ©es.
Plus dâinformations
- Liens du module
- Version
- 0.1.2
- Taille
- 427,54Â Ko
- DerniĂšre mise Ă jour
- il y a 2 mois (27 févr. 2026)
- Catégories associées
- Licence
- Licence MIT
- Historique des versions
- Ajouter Ă la collection