HTML Beautifier & Minifier

I-reindent ang magulong HTML para madaling basahin, o i-minify para sa mas mabilis na pag-load — may opsyonal na pagsusuri para sa mga sirang tag.

Indent
I-validate
I-paste o i-type ang HTML upang i-format, i-minify, o suriin ito.

Ang iyong HTML ay pino-format, mini-minify, at sinusuri sa loob ng iyong browser. Walang ina-upload sa BroBroGo.

FAQ

Ano ang pagkakaiba ng beautify at minify?

Inaayos ng Beautify ang mga indent at espasyo ng markup para madali itong basahin at i-edit. Kabaligtaran naman ang ginagawa ng Minify — inaalis nito ang mga whitespace at comment na hindi kailangan ng browser, para mas maliit ang file at mas mabilis mag-load. Gamitin ang Beautify habang nagtatrabaho, at Minify bago i-publish.

Ano ang sinusuri kapag binuksan ang validation?

Tinutukoy nito ang mga isyung istruktural na karaniwang pinalalampas lang ng browser — mga hindi saradong tag, magkaibang tag, duplicate na id, paulit-ulit na attribute, at mga hindi naka-escape na character — kasama ang linya at kolum ng bawat isa. Ito ay isang mabilis na pagsusuri sa istruktura, hindi isang buong ulat ng pagsunod sa W3C.

Mababago ba ng pag-minify ang hitsura ng aking page?

Hindi — magre-render at gagana ang iyong page sa eksaktong parehong paraan. Ang pag-minify ay nag-aalis ng mga whitespace at comment, nagpapasiksik ng iyong inline CSS at JavaScript, at nag-aalis ng mga opsyonal na quote sa attribute, habang pinapanatili lamang ang kailangan ng browser upang maipakita ang page nang magkapareho. Ang mga text na sensitibo sa whitespace tulad ng mga preformatted block ay hindi ginagalaw.

URL Encoder/Decoder + HTML EntitiesI-encode ang mga URL, i-decode ang mga percent escape, at i-escape ang mga HTML entity.HTML Tag StripperAlisin ang mga HTML tag at i-extract ang malinis na plain text.XML Formatter / ValidatorI-format, i-minify, at suriin ang istruktura ng XML sa iyong browser.SVG OptimizerLinisin ang SVG code at paliitin ito nang hindi binabago ang hitsura ng graphic.XPath TesterSubukan ang mga XPath expression laban sa XML o HTML at i-inspect ang bawat tumutugmang node, value, at path.CSS Beautifier & MinifierI-reindent ang magulong CSS para madaling basahin, o i-minify para sa mas maliit na file — may safe mode na hindi kailanman nagbabago sa pagkakasunod-sunod ng iyong mga rule.JavaScript Beautifier & MinifierI-reindent ang minified o obfuscated na JavaScript para mabasa mo ito, o i-minify ang sarili mong code para sa mas maliit na file.JSON FormatterI-format, i-validate, at i-minify ang JSON sa isang iglap.SQL FormatterI-beautify ang SQL at basahin ito nang bawat clause sa simpleng paliwanag.Markdown sa Word / HTMLI-convert ang Markdown sa isang Word document o malinis na HTML.Regex TesterSubukan ang mga JavaScript regular expression laban sa sample na text, direkta sa inyong browser.