OPFS Explorer ์ ์์: Hasan Bayat
A powerful DevTools extension to inspect, manage, and edit files in the Origin Private File System (OPFS)
์ฌ์ฉ์ 17๋ช
์ฌ์ฉ์ 17๋ช
ํ์ฅ ๋ฉํ ๋ฐ์ดํฐ
์คํฌ๋ฆฐ์ท
์ ๋ณด
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!
0๋ช
์ด 0์ ์ผ๋ก ํ๊ฐํจ
๊ถํ ๋ฐ ๋ฐ์ดํฐ
ํ์ ๊ถํ:
- ํด๋ฆฝ๋ณด๋์ ๋ฐ์ดํฐ ๋ฃ๊ธฐ
- ์ด๋ ค์๋ ํญ์ ๋ฐ์ดํฐ์ ์ ๊ทผํ๋๋ก ๊ฐ๋ฐ์ ๋๊ตฌ ํ์ฅ
๋ฐ์ดํฐ ์์ง:
- ๊ฐ๋ฐ์๊ฐ ์ด ํ์ฅ ๊ธฐ๋ฅ์ ๋ฐ์ดํฐ ์์ง์ด ํ์ํ์ง ์๋ค๊ณ ํฉ๋๋ค.
์ถ๊ฐ ์ ๋ณด
- ๋ถ๊ฐ ๊ธฐ๋ฅ ๋งํฌ
- ๋ฒ์
- 0.1.1
- ํฌ๊ธฐ
- 302 KB
- ๋ง์ง๋ง ์ ๋ฐ์ดํธ
- 14์๊ฐ ์ (2026๋ 2์ 23์ผ)
- ๊ด๋ จ ์นดํ ๊ณ ๋ฆฌ
- ๋ผ์ด์ ์ค
- MIT ๋ผ์ด์ ์ค
- ๋ฒ์ ๋ชฉ๋ก
- ๋ชจ์์ง์ ์ถ๊ฐ