Unminify JS: Khoi Phuc Kha Nang Doc JavaScript Da Minify
JavaScript minified - loai duoc moi bundler hien dai phat hanh duoi ten nhu bundle.min.js hoac main.[hash].js - la mot dong day dac voi ten bien mot ky tu, khong khoang trang, va khong ngat dong. Huong dan nay di qua hanh trinh ba phut tu dang nen do ve dang code thut le, ngat dong ma mat ban co the doc. Cong cu di kem tai https://freetoolonline.com/developer-tools/js-unminifier.html chay viec unminify hoan toan trong trinh duyet, nen ma nguon khong bao gio roi khoi tab.
Cap nhat lan cuoi: 2026-05-20
| Thuoc tinh | Gia tri |
|---|---|
| Hinh thuc | Cong cu online, khong cai dat |
| Toc do | Phia trinh duyet; ket qua de doc trong vai giay |
| Quyen rieng tu | Ma nguon o lai tren thiet bi; khong upload gi |
| Doi ten bien | Khong thuc hien - ten mot ky tu van la mot ky tu |
| Cong cu trien khai | https://freetoolonline.com/developer-tools/js-unminifier.html |
Unminify thuc su lam gi (va khong the lam gi)
Unminify dao nguoc nua re cua minify: no chen lai khoang trang, ngat dong, va thut le nhat quan, nen bundle mot dong tro thanh code dinh dang de doc. No KHONG dao nguoc nua dat tien - phan doi ten. Cac bien co ten a, b, t trong bundle minified van duoc goi la a, b, t sau khi unminify, vi ten goc bi loai bo o buoc build va khong source map nao duoc giu lai. Neu mot source map (file .map hoac comment inline //# sourceMappingURL=) co san, file do tro toi cac symbol goc va la artifact dung de load - khong phai mot lan unminify. Khung cho doc gia: unminify la cong cu dung cho "toi co mot bundle ben thu ba va muon doc xem no lam gi"; source map la cong cu dung cho "toi co build cua minh va muon debug symbol goc".
Huong dan ba phut
- Sao chep bundle minified. Mo file
.min.jstrong editor hoac trong tab network cua trinh duyet (Response body), chon tat ca, sao chep. - Dan vao editor. Mo https://freetoolonline.com/developer-tools/js-unminifier.html va dan vao khung dau vao. Bundle dai - hang tram KB tro len - chay duoc, nhung doi lan format mat mot hai giay khi parser di qua AST.
- Click Unminify. Khung ben phai hien dau ra da thut le. Sao chep ket qua quay lai editor hoac luu thanh file
.jsnoi bo de doc theo kieu grep.
Dau ra unminified giup o cho nao va khong giup o cho nao
Doc code ben thu ba sau unminify huu ich trong ba tinh huong cu the. Mot, kiem dinh lo hong - khi mot CVE neu ten mot ham trong bundle cua nha cung cap, unminify cho ban xac dinh cac diem goi va doc luong xung quanh ma khong can dung lai repo goc. Hai, xac nhan hanh vi - khi hanh vi mot thu vien troi giua cac phien ban, so sanh ban unminified hien thay doi nhanh hon nhieu so voi doc dang day dac mot dong. Ba, xac minh dau ra build - khi pipeline cua ban xuat ra mot bundle bi nhan doi polyfill mot cach kho hieu, dang unminified hien cac khoi IIFE trung lap trong tich tac. Unminify khong giup khi muc tieu la ten ngu nghia goc; voi viec do, hay ban hanh source map cung bundle va load vao debugger cua ban.
Cai gi duoc giu, cai gi mat
Khoang trang, ngat dong, va thut le duoc khoi phuc tat dinh tu AST. Comment khong duoc khoi phuc - minifier xoa chung o buoc build, va khong thong tin nao con lai trong bundle de tai tao. Cau truc module (loi goi CommonJS require, lenh ESM import) duoc giu nguyen nhu xuat hien o dang bundled, ma thuong la wrapper sinh ra chu khong phai bien gioi module goc. Toi uu cap source nhu constant folding (5*60*60*1000 sup lai thanh 18000000) khong bi dao nguoc - unminify khong hieu ngu nghia, chi cu phap. Neu mot con so kho hieu trong dau ra unminified, tim no trong repo goc hoac doan don vi (mili giay, byte, chi muc).
Di theo huong nguoc lai?
Neu ban den day de thu nho JS cho production thay vi mo rong, cong cu di kem tai https://freetoolonline.com/developer-tools/js-minifier.html thuc hien huong tien len (xoa khoang trang, rut ngan identifier) va huong dan so sanh CSS Minifier vs Uglifier vs Tree-Shaking noi ve cach ba bien doi xep chong trong mot pipeline build dien hinh. Voi tuong duong phia CSS, xem CSS Unminifier vs Prettier: Khi Nao Dung Cai Nao - quyet dinh phia JS tuong tu: unminify khi doc dau ra ben thu ba, source map khi debug build cua minh.
Cac cau hoi thuong gap
Unminify co khoi phuc duoc ten bien goc khong?
Khong. Minifier thay identifier bang ten tong hop ngan o buoc build va loai bo ban goc; dau ra unminified giu ten tong hop. Load source map tuong ung trong debugger trinh duyet de thay symbol goc.
Ma nguon co duoc upload o dau khong?
Khong. Lan chay unminify chay hoan toan trong trinh duyet cua ban; van ban minified khong bao gio duoc gui den server. Dong tab va dau vao bien mat.
Unminify co lam vo JavaScript khong?
Khong. Bien doi thuan tuy ve mat tham my - khoang trang, ngat dong, va thut le. AST khong thay doi, nen code unminified chay y het ban minified goc. Cho chay qua trinh kiem cu phap neu ban muon xac nhan voi day lung.
Gioi han kich thuoc file la bao nhieu?
Bundle len toi vai megabyte chay duoc trong trinh duyet hien dai; thoi gian lan format tang gan tuyen tinh voi do dai dau vao. Bundle rat lon (10 MB+) co the giat tab; trong truong hop do, chia bundle theo bien gioi closure va unminify tung phan rieng.
Khac biet giua unminify va prettier la gi?
Unminify khoi phuc dinh dang de doc cho code da bi co tinh nen. Prettier (hoac mot formatter tuong tu) ap mot bo phong cach duoc chon len code da de doc. Voi bundle ben thu ba minified, unminify truoc; neu ban sau do muon do rong indent hoac kieu dau ngoac cu the, chay prettier tren dau ra.