Lumaktaw sa pangunahing nilalaman
LibraTool logoLibraTool

Libreng Tagapormat ng JSON

I-format, i-validate, i-minify, at i-explore ang data ng JSON. Tree view, syntax highlighting, at one-click copy.

Gumagana offline kapag na-load na

Mga karaniwang gamit

  • Format ang API ResponsesMag-paste ng raw API JSON responses at instantly na i-format ito sa readable, indented output.
  • Format ang JSON Config FilesI-clean up at i-validate ang JSON configuration files β€” package.json, tsconfig.json, settings, at marami pa.
  • Format ang JSON para sa DebuggingI-untangle ang minified o escaped JSON logs, error payloads, at database outputs instantly.
  • Format ang JSON Translation FilesI-validate at i-prettify ang i18n translation JSON files (en.json, de.json) na ginagamit sa React, Vue, at Next.js apps.
  • I-inspect at I-format ang Webhook PayloadsMag-paste ng raw webhook payloads mula sa Stripe, GitHub, o Shopify at basahin ito clearly formatted.

Paano ito Gumagana

Buong tumatakbo sa iyong browser ang formatter gamit ang built-in na JSON.parse at JSON.stringify ng JavaScript β€” walang library, walang server. Nangyayari nang lokal habang nagta-type ka ang pag-parse, pag-format, pag-minify, at ang interactive na tree view.

  1. 1
    Live na pag-parse sa input
    Tumatakbo ang JSON.parse 200 ms pagkatapos ng huli mong keystroke. Kapag pumalya ang pag-parse, binabasa ng isang hand-written na error-location function ang SyntaxError message mula sa V8 o Firefox, kinukuha ang numero ng linya at column, at nag-aalok ng jump-to-error na link sa textarea.
  2. 2
    Pagtukoy ng hindi ligtas na integer
    Bago ipakita ang output, sinusuri ng tool ang raw na source para sa mga integer literal na may 16 o higit pang digit (hindi kasama ang nasa loob ng quoted string), pagkatapos ay sinusubok ang bawat isa gamit ang Number.isSafeInteger. Kung may tahimik na mara-round dahil sa IEEE-754 double storage, lalabas ang babala bago ka kumopya o mag-download.
  3. 3
    Pag-format, pag-minify, at pag-sort ng key
    Gumagawa ang JSON.stringify(value, null, indent) ng na-format o na-minify na output. Kapag naka-on ang sort keys, dinadaanan ng isang recursive function ang bawat object sa na-parse na tree at binubuo ulit gamit ang Object.keys(...).sort() bago i-serialize β€” iniiwan sa orihinal na pagkakasunod ang mga array.
  4. 4
    Interactive na tree view
    Ang tree view ay hand-written na recursive flatten na nagko-convert sa na-parse na object sa isang patag na listahan ng mga node na may depth, path, at expand/collapse na state. Nililimitahan sa 5,000 nakikitang node ang rendering para hindi mag-freeze ang tab sa mga multi-megabyte na dokumento na may malalaking pinalawak na array.

Tumatakbo nang lokal ang lahat sa iyong browser β€” hindi kailanman ipinapadala sa anumang server ang JSON mo.

Mga Kaugnay na Tool

πŸ—œοΈ

CSS Minifier at Beautifier

I-minify ang CSS para bawasan ang laki ng file o i-beautify ang minified na CSS para sa pagiging madaling basahin. Mabilis, sa iyong browser.

Subukan
🎨

CSS Beautifier

Ayusin ang minified na CSS na may pare-parehong indentation, o i-minify ang CSS. May opsyonal na alphabetical na pag-uuri ng property para mas madaling ihambing ang mga pagbabago.

Subukan
🌐

HTML Beautifier at Minifier

Mag-pretty-print o mag-minify ng HTML na may wastong nesting indentation. Pinapanatili ang nilalaman sa loob ng mga <pre>, <script>, <style> block.

Subukan

Mga Madalas na Itanong