Web Source Extractor

Web Source Extractor is a Chrome DevTools extension that lets developers easily extract and download the full source code of any web page — including HTML, CSS, JavaScript, and other static assets — directly from the browser.

🔍 Key Features:

Works from the DevTools panel under a custom tab.

Lists available page folders just like the Chrome "Sources" tab.

Lets you select any folder/page and download all its resources.

Generates a ZIP file preserving the original folder structure.

Supports .js, .ts, .tsx, .css, .html, .map and more.

📦 Built With:

Chrome DevTools APIs

JSZip for packaging files

Clean UI for quick selection and download

💡 Perfect for:

Web developers exploring bundled/compiled apps

Reverse engineers analyzing dynamic sites

Learners who want to study real-world frontend architecture

🧩 Once installed:

Open DevTools (F12)

Click on "Web Source Extractor" tab

Select a source group → Click Download Zip

🔐 No tracking. No ads. 100% client-side. Your data stays in your browser.