Source Map Auto-Unbundling
Automatically resolves sourceMappingURL declarations. Fetches production maps and reconstructs original source file hierarchies directly into readable developer directories.
Manifest V3 Certified • 100% Private In-Browser Sandbox
The private developer workspace for reverse-engineering and extracting web source files.
Inspect live DOM trees, unbundle production source maps into readable folder structures, audit hardcoded credentials, and export organized ZIP packages or push directly to VS Code, CodePen, and GitHub Gist.
Runtime
Manifest V3
Telemetry
Zero Tracking
Large File Support
IndexedDB + Worker
Surfaces
Popup, Window & Side Panel
Interactive Preview
Experience the workspace right here
This live sandbox mirrors the actual Source Code Viewer workspace engine. Switch files, trigger code beautification, search with Ctrl+F, and test the credential auditor.
react-app.production.min.js — Sample Workspace
React
Tailwind
https://example.app/dashboard
Engineering Highlights
Engineered for deep frontend inspection
Source Code Viewer combines the convenience of an extension popup with the depth of a full desktop developer IDE.
Credential & Secret Scanner
Audits client-side scripts for exposed credentials including Stripe live keys, AWS Access Keys, Google API keys, OpenAI tokens, and hardcoded JWTs with context-aware line snippets.
Clean PKZIP Site Downloader
Packages all extracted scripts, stylesheets, inline blocks, SVGs, and state snapshots into standard ZIP files with sanitized relative paths, bypassing browser download throttling.
Three Flexible Operating Modes
Inspect code the way you prefer: in a compact toolbar popup, a dedicated independent floating window, or docked into Chrome's native Side Panel alongside your active tab.
Snapshot Line Diffing
Save extraction snapshots to IndexedDB. Re-extract pages later to run linear-time diffs that immediately highlight added, changed, or deleted code lines across releases.
Framework & Stack Detection
Automatically identifies frontend frameworks (React, Vue, Angular, Svelte, Next.js, Nuxt) and utility ecosystems (Tailwind CSS, Bootstrap, Vite, Webpack) from bundle signatures.
Cloud & Desktop Workflows
Export to your favorite development tools
Move from in-browser inspection to active debugging in a single click.
VS Code Desktop
Generates clone URIs or structured project bundles for opening directly in Visual Studio Code on your machine.
VS Code Web (vscode.dev)
Launches repositories and unbundled scripts into the lightweight browser edition of VS Code with full keybindings.
CodePen & JSFiddle
Exports extracted HTML, CSS, and JS snippets directly into blank sandbox pens for rapid UI experimentation.
GitHub Gist
Publishes multi-file inspection snapshots straight to your GitHub account using a personal access token stored safely in sync storage.
Private by Design & Zero Telemetry
Everything runs strictly inside your local browser runtime.
Zero Remote Code (`eval` Free)
Complies strictly with Manifest V3 security requirements. All JavaScript, CSS, and lexers are bundled offline inside the extension.
Ephemeral Content Handling
Extracted page content stays on your machine. No code, URLs, or cookies are ever transmitted to third-party tracking services or external databases.
IndexedDB & Web Worker Offloading
Large multi-megabyte bundles are processed in separate Web Worker threads and stored natively in browser IndexedDB to prevent main-thread UI locking.
Direct User-Initiated API Calls
Network calls are only dispatched to external services (like GitHub Gist or CodePen) when you explicitly click the respective export action button.
Comparison
Why developers use Source Code Viewer
Native browser tools were built for line-by-line debugging. Source Code Viewer is built for holistic project inspection and asset retrieval.
| Capability | Default Browser "View Source" | DevTools Sources Tab | Source Code Viewer v10.5 |
|---|---|---|---|
| Source Map Auto-Reconstruction | ✕ Raw HTML Only | Manual file-by-file | ✓ Full Project Tree Export |
| One-Click PKZIP Archive | ✕ | ✕ | ✓ Re-linked relative assets |
| Security Secret / Credential Audit | ✕ | ✕ | ✓ Automated high-entropy rules |
| Side Panel Simultaneous Docking | ✕ | Docked in tab viewport | ✓ Native Chrome Side Panel API |
| Snapshot Line Diffing | ✕ | ✕ | ✓ IndexedDB local snapshot engine |
| Direct Cloud Sandbox Exporters | ✕ | ✕ | ✓ CodePen, VS Code, Gist, JSFiddle |
Free, open-source, and developer-supported
Source Code Viewer is maintained for the developer community without ads or tracking. If this tool saves you time, consider supporting ongoing development.