Dinh dang code tung buoc: JavaScript, CSS, HTML va JSON
Cong cu dinh dang code mien phi tren trang nay thu le lai JavaScript, CSS va HTML, va in JSON de doc, tat ca ngay trong trinh duyet. Huong dan nay giai thich nhung gi mong doi voi moi loai input, viec can lam khi ket qua trong sai, va khi nao nen dung cong cu khac.
Last reviewed: 2026-07-02
freetoolonline.com Editorial TeamDinh dang JavaScript
Dan mot doan JavaScript - mot dong da thu nho, mot ham vua sao chep, hoac ca mot file - roi nhan Format. Cong cu tai mot ban sao tu luu tru cua thu vien ma nguon mo js-beautify va goi bo dinh dang JavaScript cua no, thu le lai cac dau ngoac nhon va ngoac don long nhau va dat moi cau lenh tren dong rieng. Dan function add(a,b){return a+b;} tra ve cung ham do nhung trai dai tren nhieu dong voi phan than duoc thu vao trong ngoac nhon. Bo dinh dang chi doi khoang trang - khong doi ten bien, khong sap xep lai cau lenh, va khong doi cach code hoat dong.
Dinh dang CSS
CSS duoc nhan dien khi input giong mot hoac nhieu khoi selector { thuoc-tinh: gia-tri; } ma khong co bat ky token rieng cua JavaScript (khong function, khong =>, khong var, let, hoac const, khong ngoac don). Dan mot quy tac da thu nho nhu .card{margin:0;padding:8px;border-radius:4px} tra ve quy tac voi moi thuoc tinh tren dong rieng duoc thu vao trong ngoac nhon. Neu mot doan CSS lan mot token giong JavaScript, bo nhan dien co the xep nham vao JavaScript - dan CSS rieng, khong co the script bao quanh, de giu viec nhan dien dang tin cay.
Dinh dang HTML
Input bat dau bang < duoc xu ly nhu HTML. Mot doan tren mot dong nhu <div><p>hi</p></div> tra ve voi moi the tren dong rieng va cac phan tu con thu sau mot cap so voi phan tu cha. Dieu nay huu ich cho HTML sao chep bang lenh "Copy outerHTML" cua trinh duyet, thuong den o dang mot dong kho doc. Bo dinh dang HTML phu thuoc vao bo dinh dang JavaScript va CSS cua cung dong may tai truoc (cho bat ky khoi <script> hoac <style> nao trong markup), ma cong cu tu tai truoc khi chay.
Dinh dang JSON
JSON duoc kiem tra truoc tat ca nhung dieu tren: neu input bat dau bang {, [, mot dau ngoac kep, mot chu so, hoac mot trong true, false, null, cong cu phan tich va in lai bang JSON.stringify(value, null, 2) - hai khoang trang, moi thuoc tinh mot dong. Day la mot phan tich thuc su, khong phai doan dua tren van ban, nen mot du lieu khong hop le se bi phat hien: dan {"a":1, (mot dau phay cuoi khong co gi theo sau) tra ve mot thong bao bat dau bang Invalid JSON: thay vi mot ket qua da dinh dang. Sua loi duoc bao cao roi dan lai.
Khi ket qua trong sai
Hai dieu co the xay ra sai. Thu nhat, viec doan ngon ngu co the sai - day la mot phuong phap dua tren hinh dang van ban, khong phai mot bo phan tich day du cho moi ngon ngu, nen mot ngon ngu cong cu khong duoc xay dung cho (Python, Java, Go, va tuong tu) van bi day qua bo dinh dang JavaScript, va ket qua co the khong trong dung. Thu hai, doi voi JSON, mot loi phan tich co nghia cong cu khong the dinh dang gi cho den khi JSON hop le - dan lai sau khi sua loi ma thong bao bao cao. Ca hai truong hop khong lam hong input cua ban: khung ben trai giu nguyen dieu ban da dan, nen ban luon co the thu lai.
Dinh dang code vs JSON Parser
Ca hai cong cu deu co the in JSON de doc, nen biet khi nao dung cong cu nao la huu ich. Bo dinh dang code la lua chon dung cho JavaScript, CSS, hoac HTML, va cung in JSON de doc nhu mot hieu ung phu. JSON Parser la lua chon dung khi ban can xac thuc mot du lieu voi phat hien loi, xem ket qua nhu mot cay co the mo rong, hoac kiem tra loai va chi so mang cua mot truong cu the - no duoc xay dung chi cho JSON va hien thi nhieu hon ve cau truc so voi mot ban in thu le don gian.
Tham khao nhanh
| Input bat dau bang | Nhan dien la | Bo may dung |
|---|---|---|
{, [, mot dau ngoac kep, mot chu so, hoac true/false/null | JSON | JSON.stringify(value, null, 2) |
< | HTML | html_beautify (js-beautify) |
Khoi quy tac, vi du selector { thuoc-tinh: gia-tri; } | CSS | css_beautify (js-beautify) |
| Moi truong hop con lai | JavaScript | js_beautify (js-beautify) |
Quyen rieng tu
Viec dinh dang chay hoan toan trong tab trinh duyet nay. Code da dan khong bao gio duoc tai len, gui den dich vu phan tich, hoac ghi vao bat ky server nao - no chi ton tai trong bo nho cua trang cho den khi ban dong tab hoac dan noi dung khac.
Huong dan lien quan
- JSON parser: kiem tra vs dinh dang vs xem cay - huong dan quyet dinh tuong tu cho cong cu chi danh cho JSON.
- Thu nho CSS vs nen CSS - viec nguoc lai: thu nho mot stylesheet thay vi dinh dang no.
- Cong cu dinh dang code - chinh cong cu nay.
- Trung tam cong cu cho nha phat trien - toan bo bo cong cu, tat ca chay trong trinh duyet ma khong can tai len.
Cau hoi thuong gap
Bo dinh dang co doi nhung gi code cua toi lam khong?
Khong. No chi doi khoang trang va cach thu le. Logic, gia tri va cau truc cua JavaScript, CSS, hoac HTML ban da dan van giu nguyen.
Vi sao CSS cua toi lai bi dinh dang nhu JavaScript?
Viec nhan dien ngon ngu la mot phuong phap dua tren hinh dang van ban, khong phai mot bo phan tich day du. Neu doan CSS cua ban co mot token ma bo nhan dien lien ket voi JavaScript, no co the bi xep vao JavaScript. Dan quy tac CSS rieng de giu viec nhan dien dang tin cay.
Toi co the dinh dang Python, Java, hoac ngon ngu khac khong?
Khong dang tin cay. Cong cu nhan ra JavaScript, CSS, HTML va JSON. Bat ky ngon ngu khac van bi day qua bo dinh dang JavaScript va ket qua co the khong trong dung - kiem tra ket qua truoc khi tin dung no.
Code cua toi co bi gui di dau khong?
Khong. Viec dinh dang chay hoan toan trong tab trinh duyet nay; khong co gi ban dan duoc gui den server hoac dich vu phan tich.
Why trust these tools
- Ten-plus years of web tooling. The freetoolonline editorial team has shipped browser-based utilities since 2015. The goal has never changed: get you to a working output fast, without an install.
- No install, no sign-up. Open a tool and get a working output in seconds - nothing to download and no account to create. Tools that need heavy processing run it on our service, so even a low-powered machine gets the job done.
- Analytics stops at the page view. We measure which pages get visited, not what you type or upload inside a tool. There is nothing to sign in to and no profile is attached to your input.
- Open-source core components. The processing engines underneath (libheif, libde265, pdf-lib, terser, clean-css, ffmpeg.wasm, and others) are public and audit-able. We link to each one in its tool page's footer.
- Free, with or without ads. All tools are fully functional without sign-up. The Disable Ads button in the header is always available if you need a distraction-free run.