Unminifier Source Map JavaScript
Unggah kode JavaScript terminifikasi dan source map-nya (v3) untuk merekonstruksi file sumber asli. Petakan posisi terminifikasi kembali ke file, baris, dan kolom asli. Mendukung source map inline dan file .map eksternal - semuanya gratis, privat, dan tanpa pendaftaran.
Upload or paste a minified JavaScript file and its source map to reconstruct original source code. Supports inline source maps (/*# sourceMappingURL=data:... */) and external .map files. All processing happens in your browser — no uploads.
Source Map Summary
- src/index.js ✓
- src/utils.js ✓
Understanding Source Map Unminification
A source map maps minified code back to original source files using VLQ-encoded position mappings. When sourcesContent is present (as in this sample), the original source code can be fully reconstructed. Without sourcesContent, only position data is available and reconstruction is limited to showing where each mapping points. The source map format (v3) is defined by theSource Map Specification.
Fitur
- Unminifikasi dengan source map: unggah JavaScript terminifikasi bersama source map-nya untuk merekonstruksi kode sumber asli. Memetakan setiap posisi terminifikasi kembali ke file, baris, dan kolom aslinya dengan presisi penuh.
- Dukungan source map inline & eksternal: mendukung source map inline (data:application/json;base64,...), komentar //# sourceMappingURL=, dan unggahan file .map eksternal. Bekerja dengan semua bundler utama: Webpack, Rollup, Vite, ESBuild, dan Terser.
- Rekonstruksi kode asli: setelah pemetaan, jelajahi file sumber asli yang direkonstruksi dengan nama variabel, komentar, dan format yang benar. Berpindah antar file asli memakai panel penjelajah file.
- Pemetaan posisi terperinci: jelajahi data pemetaan source map dalam tabel terstruktur. Lihat setiap posisi asli (file, baris, kolom) yang dipetakan ke posisi terminifikasinya. Salin pemetaan individu atau ekspor seluruh tabel pemetaan sebagai JSON.
Apa itu source map?
Source map (ditentukan oleh Source Map Specification ) adalah file yang memetakan kode terminifikasi atau transpilasi kembali ke sumber aslinya. Saat JavaScript diminifikasi, nama variabel dipendekkan, spasi dihapus, dan beberapa file digabungkan. Source map menyimpan pemetaan setiap posisi di keluaran ke file, baris, dan kolom aslinya - memungkinkan alat seperti debugger dan pelacak error menampilkan kode sumber asli, bukan keluaran terminifikasi.
Cara kerja unminifier
Unminifier Source Map JavaScript mengurai kode terminifikasi Anda dan source map memakai pustaka mozilla/source-map (diport ke JS yang kompatibel dengan browser). Alat membaca pemetaan berkode VLQ di source map, mendekodenya menjadi pasangan (baris_keluaran, kolom_keluaran) → (file_sumber, baris_sumber, kolom_sumber), lalu merekonstruksi file sumber asli. File muncul dalam pohon yang dapat dinavigasi, dan setiap pemetaan dapat diperiksa satu per satu dalam tabel detail. Semua pemrosesan terjadi di browser Anda - tidak ada data yang pernah diunggah.
Pengodean VLQ & pemetaan
Source map memakai pengodean Variable Length Quantity (VLQ) untuk menyimpan pemetaan posisi secara ringkas sebagai string berkode Base64. Setiap segmen pemetaan mengodekan lima nilai: kolom di file yang dihasilkan, indeks file sumber asli, nomor baris asli, nomor kolom asli, dan indeks nama asli opsional. Unminifier mendekode segmen VLQ ini dan menyajikannya dalam tabel yang mudah dibaca, menunjukkan setiap posisi yang dihasilkan dan posisi aslinya yang sesuai. Memahami VLQ membantu Anda memverifikasi bahwa source map Anda dihasilkan dengan benar.
Privasi & keamanan
Alat ini berjalan sepenuhnya di browser Anda. Kode terminifikasi dan source map Anda tidak pernah diunggah ke server mana pun, disimpan di basis data apa pun, atau dikirim melalui jaringan. Semua logika penguraian, dekode, dan rekonstruksi dijalankan lokal di perangkat Anda. Tidak ada panggilan API, pelacakan analitik, maupun pengumpulan data dalam bentuk apa pun. Ini membuatnya aman dipakai dengan kode proprietary, aplikasi internal, dan pustaka pihak ketiga sensitif yang sedang Anda audit.
Pertanyaan yang Sering Diajukan
Source map adalah file yang memetakan kode JavaScript terminifikasi atau transpilasi kembali ke sumber aslinya. File ini menyimpan pemetaan antara setiap posisi di keluaran terminifikasi dan file, baris, serta kolom yang sesuai di sumber asli. Unminifier Source Map membaca pemetaan ini dan merekonstruksi kode asli, menunjukkan bagaimana kode terlihat sebelum minifikasi dengan nama variabel, komentar, dan format yang benar.
Source map biasanya dibuat selama proses build. Cari komentar //# sourceMappingURL= di akhir file terminifikasi yang menunjuk ke file .map. Banyak CDN dan manajer paket juga menyediakan file .map bersama file .min.js. Untuk proyek Anda sendiri, konfigurasikan bundler (Webpack, Vite, Rollup) untuk menghasilkan source map dengan mengatur devtool ke "source-map".
Alat ini mendukung format standar Source Map v3. Ini mencakup source map inline yang disematkan sebagai URI data:application/json;base64,..., unggahan file .map eksternal, dan source map yang dirujuk melalui komentar //# sourceMappingURL=. Alat ini bekerja dengan map yang dihasilkan Webpack, Rollup, Vite, ESBuild, Terser, UglifyJS, dan Closure Compiler.
Tanpa source map, Anda hanya dapat mempercantik kode terminifikasi (menambahkan spasi dan baris baru), tetapi tidak dapat memulihkan nama variabel asli, komentar, atau struktur file. Untuk unminifikasi sejati dengan pengenal dan organisasi file asli, source map diperlukan.
Bidang sourcesContent dalam source map secara opsional menyematkan kode sumber asli lengkap untuk setiap file sumber. Jika ada, alat ini dapat merekonstruksi file asli dengan sempurna beserta kode, komentar, dan format yang benar. Tanpa sourcesContent, hanya data pemetaan posisi yang tersedia, dan rekonstruksi terbatas pada menunjukkan ke mana setiap posisi terminifikasi menunjuk di file asli.
VLQ berarti Variable Length Quantity, skema pengodean ringkas yang dipakai di source map v3 untuk menyimpan pemetaan posisi secara efisien. Setiap segmen pemetaan dikodekan Base64-VLQ, hanya memakai karakter yang dapat dicetak dan segmen panjang variabel untuk merepresentasikan angka. Pengodean ini memungkinkan source map menyimpan jutaan pemetaan sambil menjaga ukuran file tetap wajar.
Tentu saja. Unminifier Source Map JavaScript berjalan 100% di browser Anda. Kode dan source map Anda tidak pernah diunggah ke server mana pun, disimpan di basis data apa pun, atau dikirim melalui jaringan. Semua logika penguraian, dekode, dan rekonstruksi dijalankan lokal di perangkat Anda untuk privasi dan keamanan penuh.
Ya - 100% gratis tanpa pendaftaran, tanpa akun, dan tanpa batas penggunaan. Unminifikasi sebanyak yang Anda perlukan file kode, jelajahi sebanyak yang Anda mau source map. Tidak ada tingkatan premium, biaya tersembunyi, atau batas laju.