1<!doctype html> 2<html lang="zh"> 3 <head> 4 <meta charset="utf-8" /> 5 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5" /> 6 <link rel="icon" href="/favicon.ico" sizes="any" /> 7 <link rel="icon" href="/favicon-16x16.png" sizes="16x16" type="image/png" /> 8 <link rel="icon" href="/favicon-32x32.png" sizes="32x32" type="image/png" /> 9 <link rel="apple-touch-icon" href="/apple-touch-icon.png" sizes="180x180" /> 10 <link rel="manifest" href="/manifest.json" /> 11 <meta name="theme-color" content="#1565C0" /> 12 <!-- Apply theme synchronously before paint to avoid FOUC. 13 Keep this logic in sync with src/lib/theme.ts (key 'theme_mode'). --> 14
14<script> 15 (function () { 16 try { 17 var m = localStorage.getItem('theme_mode') || 'light'; 18 var dark = m === 'dark' || (m === 'auto' && 19 window.matchMedia('(prefers-color-scheme: dark)').matches); 20 if (dark) document.documentElement.classList.add('dark'); 21 } catch (e) {} 22 })(); 23 </script>
23 24
24<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-0889970608150005" crossorigin="anonymous"></script>
24 25 <link href="../../_app/immutable/entry/start.DuD2npgc.js" rel="modulepreload"> 26 <link href="../../_app/immutable/chunks/DVeMDyCZ.js" rel="modulepreload"> 27 <link href="../../_app/immutable/chunks/Bl97yPGE.js" rel="modulepreload"> 28 <link href="../../_app/immutable/chunks/aKtaBQYM.js" rel="modulepreload"> 29 <link href="../../_app/immutable/chunks/3ssz715c.js" rel="modulepreload"> 30 <link href="../../_app/immutable/entry/app.dmkdweid.js" rel="modulepreload"> 31 <link href="../../_app/immutable/chunks/kNaey6uv.js" rel="modulepreload"> 32 <link href="../../_app/immutable/chunks/xihTtKlq.js" rel="modulepreload"> 33 <link href="../../_app/immutable/nodes/0.CNeCts66.js" rel="modulepreload"> 34 <link href="../../_app/immutable/chunks/BQNZ_UMK.js" rel="modulepreload"> 35 <link href="../../_app/immutable/chunks/BoZThLBe.js" rel="modulepreload"> 36 <link href="../../_app/immutable/chunks/rlyeWSXd.js" rel="modulepreload"> 37 <link href="../../_app/immutable/nodes/7.Ld9q4fj0.js" rel="modulepreload"> 38 <link href="../../_app/immutable/chunks/DMszx1_8.js" rel="modulepreload"> 39 <link href="../../_app/immutable/chunks/ehY6EVRe.js" rel="modulepreload"> 40 <link href="../../_app/immutable/chunks/5CfK2Jq6.js" rel="modulepreload"> 41 <!--12qhfyh--><meta name="author" content="PostJson Team"/> <link rel="preconnect" href="https://unpkg.com"/><!----><!--1jh93pp--><meta name="description" content="å¨çº¿ JSON æ ¼å¼è½¬æ¢å·¥å ·ï¼æ¯æ JSON ä¸ YAMLãCSVãXML äºè½¬"/> <meta name="keywords" content="JSON, YAML, CSV, XML, 转æ¢"/> <meta property="og:title" content="JSON æ ¼å¼è½¬æ¢å¨çº¿ | YAML_CSV_XMLå è´¹ | PostJson"/> <meta property="og:description" content="å¨çº¿ JSON æ ¼å¼è½¬æ¢å·¥å ·ï¼æ¯æ JSON ä¸ YAMLãCSVãXML äºè½¬"/> <meta property="og:image" content="https://postjson.com/og-image.png"/> <meta property="og:url" content="https://postjson.com/tool/json-converter"/> <meta name="twitter:card" content="summary_large_image"/> <meta name="twitter:title" content="JSON æ ¼å¼è½¬æ¢å¨çº¿ | YAML_CSV_XMLå è´¹ | PostJson"/> <meta name="twitter:description" content="å¨çº¿ JSON æ ¼å¼è½¬æ¢å·¥å ·ï¼æ¯æ JSON ä¸ YAMLãCSVãXML äºè½¬"/> <link rel="canonical" href="https://postjson.com/tool/json-converter"/> <link rel="alternate" hreflang="zh" href="https://postjson.com/zh/tool/json-converter"/> <link rel="alternate" hreflang="en" href="https://postjson.com/en/tool/json-converter"/> <link rel="alternate" hreflang="x-default" href="https://postjson.com/tool/json-converter"/> <!---->
41<script type="application/ld+json">{"@context":"https://schema.org","@type":"SoftwareApplication","name":"JSON æ ¼å¼è½¬æ¢ - PostJson","description":"å¨çº¿ JSON æ ¼å¼è½¬æ¢å·¥å
·ï¼æ¯æ JSON ä¸ YAMLãCSVãXML äºè½¬","applicationCategory":"DeveloperApplication","operatingSystem":"Web Browser","url":"https://postjson.com/tool/json-converter","offers":{"@type":"Offer","price":"0","priceCurrency":"CNY"},"author":{"@type":"Organization","name":"PostJson"}}</script>
41<!----><!----><title>JSON æ ¼å¼è½¬æ¢å¨çº¿ - YAML_CSV_XMLå è´¹ | PostJson</title> 42 <link href="../../_app/immutable/assets/ToastContainer.BczKiHnH.css" rel="stylesheet"> 43 <link href="../../_app/immutable/assets/Desktop.P4iK_lF8.css" rel="stylesheet"> 44 <link href="../../_app/immutable/assets/SearchModal.17ezS9oD.css" rel="stylesheet"> 45 </head> 46 <body data-sveltekit-preload-data="hover"> 47 <div style="display: contents"><!--[--><!--[0--><!--[--><div class="fixed top-[40px] left-1/2 -translate-x-1/2 z-[9999] flex flex-col gap-2 pointer-events-none"><!--[--><!--]--></div><!----> <!--[-1--><!--[--><div class="sr-only" aria-label="JSON æ ¼å¼è½¬æ¢ - å¨çº¿ JSON æ ¼å¼è½¬æ¢å·¥å ·ï¼æ¯æ JSON ä¸ YAMLãCSVãXML äºè½¬"><h1>JSON æ ¼å¼è½¬æ¢</h1> <p>å¨çº¿ JSON æ ¼å¼è½¬æ¢å·¥å ·ï¼æ¯æ JSON ä¸ YAMLãCSVãXML äºè½¬</p> <section><h2>åè½ç¹ç¹</h2> <ul><!--[--><li>å¨çº¿ JSON æ ¼å¼è½¬æ¢å·¥å ·ï¼æ¯æ JSON ä¸ YAMLãCSVãXML äºè½¬</li><!--]--></ul></section> <section><h2>使ç¨è¯´æ</h2> <ol><!--[--><li>ä½¿ç¨æ¤å·¥å ·å¤çæ¨çæ°æ®</li><!--]--></ol></section> <section><h2>æ ç¾</h2> <p>JSON, YAML, CSV, XML, 转æ¢</p></section> <nav aria-label="é¢å å±"><a href="/">é¦é¡µ</a> / <a href="/">å·¥å ·</a> / JSON æ ¼å¼è½¬æ¢</nav></div> <div class="h-screen w-full overflow-hidden font-sans text-[var(--text)] select-none antialiased relative"><div class="w-full h-[28px] bg-black/20 backdrop-blur-3xl border-b border-white/10 flex items-center justify-between px-3 text-[13px] font-medium text-white z-[100] absolute top-0 left-0"><div class="flex items-center space-x-1 cursor-default"><button class="px-2 py-[2px] rounded hover:bg-white/10 transition-colors flex items-center justify-center" aria-label="PostJson Home"><svg viewBox="0 0 24 24" class="w-[14px] h-[14px] fill-none stroke-current text-black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="16 18 22 12 16 6"></polyline><polyline points="8 6 2 12 8 18"></polyline></svg></button> <button class="px-2 py-[2px] rounded hover:bg-white/10 transition-colors font-bold cursor-pointer text-black">PostJson</button> <div class="relative group hidden sm:block"><span class="px-2 py-[2px] rounded hover:bg-black/5 transition-colors cursor-pointer block text-black/80 flex items-center gap-1.5"><svg class="w-3 h-3 fill-transparent stroke-current" viewBox="0 0 24 24" stroke-width="2"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg> æ¶è</span> <div class="absolute top-full left-0 mt-0 pt-1 pb-2 hidden group-hover:block w-[400px]"><div class="bg-[#2a2a2b]/95 backdrop-blur-3xl border border-white/10 rounded-xl shadow-[0_15px_40px_rgba(0,0,0,0.6)] p-4 flex flex-col gap-2"><div class="text-white/40 text-[11px] font-semibold tracking-wider ml-1">æ¶è</div> <div class="grid grid-cols-3 gap-2"><!--[!--><div class="col-span-3 text-white/30 text-[11px] py-2">ææ æ¶èï¼ç¹å»å·¥å ·å¡çä¸çææ æ·»å </div><!--]--></div></div></div></div> <div class="relative group hidden sm:block"><span class="px-2 py-[2px] rounded hover:bg-black/5 transition-colors cursor-pointer block text-black/80">å·¥å ·</span> <div class="absolute top-full left-0 mt-0 pt-1 pb-2 hidden group-hover:block w-[640px]"><div class="bg-[#2a2a2b]/95 backdrop-blur-3xl border border-white/10 rounded-xl shadow-[0_15px_40px_rgba(0,0,0,0.6)] p-5 max-h-[75vh] overflow-y-auto"><div class="columns-3 gap-6"><!--[--><!--[0--><div class="break-inside-avoid mb-6 flex flex-col gap-1"><div class="text-white/40 text-[11px] font-semibold ml-1 tracking-wider">å¼åå·¥å ·</div> <div class="flex flex-col gap-0.5"><!--[--><a href="/tool/json-formatter" class="px-2 py-1.5 rounded-md hover:bg-blue-500 hover:text-white text-white/80 transition-all flex items-center space-x-2 cursor-pointer group/tool"><span class="text-[12px] font-medium truncate">JSON æ ¼å¼åå·¥å ·</span></a><a href="/tool/json2struct" class="px-2 py-1.5 rounded-md hover:bg-blue-500 hover:text-white text-white/80 transition-all flex items-center space-x-2 cursor-pointer group/tool"><span class="text-[12px] font-medium truncate">JSON è½¬ç»æä½</span></a><a href="/tool/sql2struct" class="px-2 py-1.5 rounded-md hover:bg-blue-500 hover:text-white text-white/80 transition-all flex items-center space-x-2 cursor-pointer group/tool"><span class="text-[12px] font-medium truncate">SQL è½¬ç»æä½</span></a><a href="/tool/json-converter" class="px-2 py-1.5 rounded-md hover:bg-blue-500 hover:text-white text-white/80 transition-all flex items-center space-x-2 cursor-pointer group/tool"><span class="text-[12px] font-medium truncate">
47JSON æ ¼å¼è½¬æ¢</span></a><a href="/tool/sql-formatter" class="px-2 py-1.5 rounded-md hover:bg-blue-500 hover:text-white text-white/80 transition-all flex items-center space-x-2 cursor-pointer group/tool"><span class="text-[12px] font-medium truncate">SQL æ ¼å¼åå·¥å
·</span></a><a href="/tool/code-formatter" class="px-2 py-1.5 rounded-md hover:bg-blue-500 hover:text-white text-white/80 transition-all flex items-center space-x-2 cursor-pointer group/tool"><span class="text-[12px] font-medium truncate">代ç ç¾åå·¥å
·</span></a><a href="/tool/code-minifier" class="px-2 py-1.5 rounded-md hover:bg-blue-500 hover:text-white text-white/80 transition-all flex items-center space-x-2 cursor-pointer group/tool"><span class="text-[12px] font-medium truncate">代ç å缩工å
·</span></a><a href="/tool/html-preview" class="px-2 py-1.5 rounded-md hover:bg-blue-500 hover:text-white text-white/80 transition-all flex items-center space-x-2 cursor-pointer group/tool"><span class="text-[12px] font-medium truncate">HTML é¢è§å·¥å
·</span></a><a href="/tool/regex-tester" class="px-2 py-1.5 rounded-md hover:bg-blue-500 hover:text-white text-white/80 transition-all flex items-center space-x-2 cursor-pointer group/tool"><span class="text-[12px] font-medium truncate">æ£åè¡¨è¾¾å¼æµè¯</span></a><a href="/tool/cron-express" class="px-2 py-1.5 rounded-md hover:bg-blue-500 hover:text-white text-white/80 transition-all flex items-center space-x-2 cursor-pointer group/tool"><span class="text-[12px] font-medium truncate">Cron 表达å¼çæå¨</span></a><a href="/tool/base64-encoder" class="px-2 py-1.5 rounded-md hover:bg-blue-500 hover:text-white text-white/80 transition-all flex items-center space-x-2 cursor-pointer group/tool"><span class="text-[12px] font-medium truncate">Base64 ç¼ç è§£ç </span></a><a href="/tool/url-encoder" class="px-2 py-1.5 rounded-md hover:bg-blue-500 hover:text-white text-white/80 transition-all flex items-center space-x-2 cursor-pointer group/tool"><span class="text-[12px] font-medium truncate">URL ç¼ç è§£ç </span></a><a href="/tool/html-entity" class="px-2 py-1.5 rounded-md hover:bg-blue-500 hover:text-white text-white/80 transition-all flex items-center space-x-2 cursor-pointer group/tool"><span class="text-[12px] font-medium truncate">HTML å®ä½ç¼è§£ç </span></a><a href="/tool/hash-generator" class="px-2 py-1.5 rounded-md hover:bg-blue-500 hover:text-white text-white/80 transition-all flex items-center space-x-2 cursor-pointer group/tool"><span class="text-[12px] font-medium truncate">Hash çæå¨</span></a><a href="/tool/jwt-decoder" class="px-2 py-1.5 rounded-md hover:bg-blue-500 hover:text-white text-white/80 transition-all flex items-center space-x-2 cursor-pointer group/tool"><span class="text-[12px] font-medium truncate">JWT è§£æå·¥å
·</span></a><a href="/tool/color-picker" class="px-2 py-1.5 rounded-md hover:bg-blue-500 hover:text-white text-white/80 transition-all flex items-center space-x-2 cursor-pointer group/tool"><span class="text-[12px] font-medium truncate">é¢è²éæ©å¨</span></a><a href="/tool/css-unit-converter" class="px-2 py-1.5 rounded-md hover:bg-blue-500 hover:text-white text-white/80 transition-all flex items-center space-x-2 cursor-pointer group/tool"><span class="text-[12px] font-medium truncate">CSS åä½è½¬æ¢</span></a><a href="/tool/base-converter" class="px-2 py-1.5 rounded-md hover:bg-blue-500 hover:text-white text-white/80 transition-all flex items-center space-x-2 cursor-pointer group/tool"><span class="text-[12px] font-medium truncate">è¿å¶è½¬æ¢å¨</span></a><a href="/tool/uuid-generator" class="px-2 py-1.5 rounded-md hover:bg-blue-500 hover:text-white text-white/80 transition-all flex items-center space-x-2 cursor-pointer group/tool"><span class="text-[12px] font-medium truncate">UUID çæå¨</span></a><a href="/tool/qr-generator" class="px-2 py-1.5 rounded-md hover:bg-blue-500 hover:text-white text-white/80 transition-all flex items-center space-x-2 cursor-pointer group/tool"><span class="text-[12px] font-medium truncate">QR ç çæå¨</span></a>
47<!--]--></div></div><!--]--><!--[0--><div class="break-inside-avoid mb-6 flex flex-col gap-1"><div class="text-white/40 text-[11px] font-semibold ml-1 tracking-wider">代ç çæ</div> <div class="flex flex-col gap-0.5"><!--[--><a href="/tool/json2struct" class="px-2 py-1.5 rounded-md hover:bg-blue-500 hover:text-white text-white/80 transition-all flex items-center space-x-2 cursor-pointer group/tool"><span class="text-[12px] font-medium truncate">JSON è½¬ç»æä½</span></a><a href="/tool/sql2struct" class="px-2 py-1.5 rounded-md hover:bg-blue-500 hover:text-white text-white/80 transition-all flex items-center space-x-2 cursor-pointer group/tool"><span class="text-[12px] font-medium truncate">SQL è½¬ç»æä½</span></a><!--]--></div></div><!--]--><!--[0--><div class="break-inside-avoid mb-6 flex flex-col gap-1"><div class="text-white/40 text-[11px] font-semibold ml-1 tracking-wider">ææ¬å¤ç</div> <div class="flex flex-col gap-0.5"><!--[--><a href="/tool/regex-tester" class="px-2 py-1.5 rounded-md hover:bg-blue-500 hover:text-white text-white/80 transition-all flex items-center space-x-2 cursor-pointer group/tool"><span class="text-[12px] font-medium truncate">æ£åè¡¨è¾¾å¼æµè¯</span></a><a href="/tool/text-diff" class="px-2 py-1.5 rounded-md hover:bg-blue-500 hover:text-white text-white/80 transition-all flex items-center space-x-2 cursor-pointer group/tool"><span class="text-[12px] font-medium truncate">ææ¬å¯¹æ¯å·¥å
·</span></a><a href="/tool/column-compare" class="px-2 py-1.5 rounded-md hover:bg-blue-500 hover:text-white text-white/80 transition-all flex items-center space-x-2 cursor-pointer group/tool"><span class="text-[12px] font-medium truncate">两å对æ¯å·¥å
·</span></a><a href="/tool/text-dedup" class="px-2 py-1.5 rounded-md hover:bg-blue-500 hover:text-white text-white/80 transition-all flex items-center space-x-2 cursor-pointer group/tool"><span class="text-[12px] font-medium truncate">ææ¬å»éå·¥å
·</span></a><a href="/tool/text-repeat-count" class="px-2 py-1.5 rounded-md hover:bg-blue-500 hover:text-white text-white/80 transition-all flex items-center space-x-2 cursor-pointer group/tool"><span class="text-[12px] font-medium truncate">ææ¬éå¤ç»è®¡</span></a><a href="/tool/text-sort" class="px-2 py-1.5 rounded-md hover:bg-blue-500 hover:text-white text-white/80 transition-all flex items-center space-x-2 cursor-pointer group/tool"><span class="text-[12px] font-medium truncate">ææ¬æåºå·¥å
·</span></a><a href="/tool/text-case" class="px-2 py-1.5 rounded-md hover:bg-blue-500 hover:text-white text-white/80 transition-all flex items-center space-x-2 cursor-pointer group/tool"><span class="text-[12px] font-medium truncate">ææ¬å¤§å°å转æ¢</span></a><a href="/tool/text-counter" class="px-2 py-1.5 rounded-md hover:bg-blue-500 hover:text-white text-white/80 transition-all flex items-center space-x-2 cursor-pointer group/tool"><span class="text-[12px] font-medium truncate">ææ¬ç»è®¡å·¥å
·</span></a><a href="/tool/markdown-table" class="px-2 py-1.5 rounded-md hover:bg-blue-500 hover:text-white text-white/80 transition-all flex items-center space-x-2 cursor-pointer group/tool"><span class="text-[12px] font-medium truncate">Markdown è¡¨æ ¼çæå¨</span></a><!--]--></div></div><!--]--><!--[0--><div class="break-inside-avoid mb-6 flex flex-col gap-1"><div class="text-white/40 text-[11px] font-semibold ml-1 tracking-wider">å¾åå·¥å
·</div> <div class="flex flex-col gap-0.5"><!--[--><a href="/tool/image-compressor" class="px-2 py-1.5 rounded-md hover:bg-blue-500 hover:text-white text-white/80 transition-all flex items-center space-x-2 cursor-pointer group/tool"><span class="text-[12px] font-medium truncate">å¾çå¤çå·¥å
·</span></a><a href="/tool/batch-image" class="px-2 py-1.5 rounded-md hover:bg-blue-500 hover:text-white text-white/80 transition-all flex items-center space-x-2 cursor-pointer group/tool"><span class="text-[12px] font-medium truncate">æ¹éå¾çå¤ç</span></a><a href="/tool/id-photo-maker" class="px-2 py-1.5 rounded-md hover:bg-blue-500 hover:text-white text-white/80 transition-all flex items-center space-x-2 cursor-pointer group/tool"><span class="text-[12px] font-medium truncate">AI è¯ä»¶ç
§å¶ä½</span></a><a href="/tool/favicon-generator" class="px-2 py-1.5 rounded-md hover:bg-blue-500 hover:text-white text-white/80 transition-all flex items-center space-x-2 cursor-pointer group/tool"><span class="text-[12px] font-medium truncate">ç½ç«å¾æ çæå¨</span></a><a href="/tool/barcode-generator" class="px-2 py-1.5 rounded-md hover:bg-blue-500 hover:text-white text-white/80 transition-all flex items-center space-x-2 cursor-pointer group/tool"><span class="text-[12px] font-medium truncate">æ¡å½¢ç çæå¨</span></a><a href="/tool/chart-generator" class="px-2 py-1.5 rounded-md hover:bg-blue-500 hover:text-white text-white/80 transition-all flex items-center space-x-2 cursor-pointer group/tool"><span class="text-[12px] font-medium truncate">å¾è¡¨çæå¨</span></a><a href="/tool/video-processor" class="px-2 py-1.5 rounded-md hover:bg-blue-500 hover:text-white text-white/80 transition-all flex items-center space-x-2 cursor-pointer group/tool"><span class="text-[12px] font-medium truncate">è§é¢å¤çå·¥å
·</span></a>
47<!--]--></div></div><!--]--><!--[0--><div class="break-inside-avoid mb-6 flex flex-col gap-1"><div class="text-white/40 text-[11px] font-semibold ml-1 tracking-wider">å®å
¨å·¥å
·</div> <div class="flex flex-col gap-0.5"><!--[--><a href="/tool/hash-generator" class="px-2 py-1.5 rounded-md hover:bg-blue-500 hover:text-white text-white/80 transition-all flex items-center space-x-2 cursor-pointer group/tool"><span class="text-[12px] font-medium truncate">Hash çæå¨</span></a><a href="/tool/jwt-decoder" class="px-2 py-1.5 rounded-md hover:bg-blue-500 hover:text-white text-white/80 transition-all flex items-center space-x-2 cursor-pointer group/tool"><span class="text-[12px] font-medium truncate">JWT è§£æå·¥å
·</span></a><a href="/tool/password-strength" class="px-2 py-1.5 rounded-md hover:bg-blue-500 hover:text-white text-white/80 transition-all flex items-center space-x-2 cursor-pointer group/tool"><span class="text-[12px] font-medium truncate">å¯ç å¼ºåº¦æ£æµ</span></a><a href="/tool/password-generator" class="px-2 py-1.5 rounded-md hover:bg-blue-500 hover:text-white text-white/80 transition-all flex items-center space-x-2 cursor-pointer group/tool"><span class="text-[12px] font-medium truncate">å¯ç çæå¨</span></a><a href="/tool/encrypt-decrypt" class="px-2 py-1.5 rounded-md hover:bg-blue-500 hover:text-white text-white/80 transition-all flex items-center space-x-2 cursor-pointer group/tool"><span class="text-[12px] font-medium truncate">å å¯è§£å¯å·¥å
·</span></a><a href="/tool/ssl-checker" class="px-2 py-1.5 rounded-md hover:bg-blue-500 hover:text-white text-white/80 transition-all flex items-center space-x-2 cursor-pointer group/tool"><span class="text-[12px] font-medium truncate">SSL è¯ä¹¦æ£æ¥</span></a><!--]--></div></div><!--]--><!--[0--><div class="break-inside-avoid mb-6 flex flex-col gap-1"><div class="text-white/40 text-[11px] font-semibold ml-1 tracking-wider">ç½ç»å·¥å
·</div> <div class="flex flex-col gap-0.5"><!--[--><a href="/tool/ssl-checker" class="px-2 py-1.5 rounded-md hover:bg-blue-500 hover:text-white text-white/80 transition-all flex items-center space-x-2 cursor-pointer group/tool"><span class="text-[12px] font-medium truncate">SSL è¯ä¹¦æ£æ¥</span></a><a href="/tool/ip-lookup" class="px-2 py-1.5 rounded-md hover:bg-blue-500 hover:text-white text-white/80 transition-all flex items-center space-x-2 cursor-pointer group/tool"><span class="text-[12px] font-medium truncate">IP å°åæ¥è¯¢</span></a><a href="/tool/dns-lookup" class="px-2 py-1.5 rounded-md hover:bg-blue-500 hover:text-white text-white/80 transition-all flex items-center space-x-2 cursor-pointer group/tool"><span class="text-[12px] font-medium truncate">DNS æ¥è¯¢å·¥å
·</span></a><a href="/tool/ping-tester" class="px-2 py-1.5 rounded-md hover:bg-blue-500 hover:text-white text-white/80 transition-all flex items-center space-x-2 cursor-pointer group/tool"><span class="text-[12px] font-medium truncate">Ping æµè¯å·¥å
·</span></a><a href="/tool/user-agent-parser" class="px-2 py-1.5 rounded-md hover:bg-blue-500 hover:text-white text-white/80 transition-all flex items-center space-x-2 cursor-pointer group/tool"><span class="text-[12px] font-medium truncate">User-Agent è§£æ</span></a><!--]--></div></div><!--]--><!--[0--><div class="break-inside-avoid mb-6 flex flex-col gap-1"><div class="text-white/40 text-[11px] font-semibold ml-1 tracking-wider">ææ¡£å·¥å
·</div> <div class="flex flex-col gap-0.5"><!--[--><a href="/tool/html-preview" class="px-2 py-1.5 rounded-md hover:bg-blue-500 hover:text-white text-white/80 transition-all flex items-center space-x-2 cursor-pointer group/tool"><span class="text-[12px] font-medium truncate">HTML é¢è§å·¥å
·</span></a><a href="/tool/text-counter" class="px-2 py-1.5 rounded-md hover:bg-blue-500 hover:text-white text-white/80 transition-all flex items-center space-x-2 cursor-pointer group/tool"><span class="text-[12px] font-medium truncate">ææ¬ç»è®¡å·¥å
·</span></a><a href="/tool/markdown-editor" class="px-2 py-1.5 rounded-md hover:bg-blue-500 hover:text-white text-white/80 transition-all flex items-center space-x-2 cursor-pointer group/tool"><span class="text-[12px] font-medium truncate">Markdown ç¼è¾å¨</span></a><a href="/tool/markdown-table" class="px-2 py-1.5 rounded-md hover:bg-blue-500 hover:text-white text-white/80 transition-all flex items-center space-x-2 cursor-pointer group/tool"><span class="text-[12px] font-medium truncate">Markdown è¡¨æ ¼çæå¨</span></a><a href="/tool/mindmap" class="px-2 py-1.5 rounded-md hover:bg-blue-500 hover:text-white text-white/80 transition-all flex items-center space-x-2 cursor-pointer group/tool"><span class="text-[12px] font-medium truncate">æç»´å¯¼å¾</span></a><a href="/tool/flowchart-drawer" class="px-2 py-1.5 rounded-md hover:bg-blue-500 hover:text-white text-white/80 transition-all flex items-center space-x-2 cursor-pointer group/tool"><span class="text-[12px] font-medium truncate">æµç¨å¾ç»å¶å¨</span></a><a href="/tool/pdf-tools" class="px-2 py-1.5 rounded-md hover:bg-blue-500 hover:text-white text-white/80 transition-all flex items-center space-x-2 cursor-pointer group/tool"><span class="text-[12px] font-medium truncate">PDF å·¥å
·é</span></a>
47<!--]--></div></div><!--]--><!--[0--><div class="break-inside-avoid mb-6 flex flex-col gap-1"><div class="text-white/40 text-[11px] font-semibold ml-1 tracking-wider">æ°æ®å¤ç</div> <div class="flex flex-col gap-0.5"><!--[--><a href="/tool/chart-generator" class="px-2 py-1.5 rounded-md hover:bg-blue-500 hover:text-white text-white/80 transition-all flex items-center space-x-2 cursor-pointer group/tool"><span class="text-[12px] font-medium truncate">å¾è¡¨çæå¨</span></a><a href="/tool/csv-editor" class="px-2 py-1.5 rounded-md hover:bg-blue-500 hover:text-white text-white/80 transition-all flex items-center space-x-2 cursor-pointer group/tool"><span class="text-[12px] font-medium truncate">CSV/Excel ç¼è¾å¨</span></a><!--]--></div></div><!--]--><!--[0--><div class="break-inside-avoid mb-6 flex flex-col gap-1"><div class="text-white/40 text-[11px] font-semibold ml-1 tracking-wider">å®ç¨å·¥å
·</div> <div class="flex flex-col gap-0.5"><!--[--><a href="/tool/timestamp-converter" class="px-2 py-1.5 rounded-md hover:bg-blue-500 hover:text-white text-white/80 transition-all flex items-center space-x-2 cursor-pointer group/tool"><span class="text-[12px] font-medium truncate">æ¶é´æ³è½¬æ¢</span></a><a href="/tool/timezone-converter" class="px-2 py-1.5 rounded-md hover:bg-blue-500 hover:text-white text-white/80 transition-all flex items-center space-x-2 cursor-pointer group/tool"><span class="text-[12px] font-medium truncate">æ¶åºè½¬æ¢å·¥å
·</span></a><a href="/tool/date-calculator" class="px-2 py-1.5 rounded-md hover:bg-blue-500 hover:text-white text-white/80 transition-all flex items-center space-x-2 cursor-pointer group/tool"><span class="text-[12px] font-medium truncate">æ¥æè®¡ç®å¨</span></a><a href="/tool/batch-file-rename" class="px-2 py-1.5 rounded-md hover:bg-blue-500 hover:text-white text-white/80 transition-all flex items-center space-x-2 cursor-pointer group/tool"><span class="text-[12px] font-medium truncate">æ¹éæä»¶éå½å</span></a><!--]--></div></div><!--]--><!--]--></div></div></div></div></div> <div class="flex items-center space-x-3 cursor-default text-black"><div class="relative"><button class="p-1 rounded hover:bg-black/5 transition-colors cursor-pointer " title="æ¡é¢èæ¯" aria-label="Background"><svg class="w-[14px] h-[14px]" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="2"></rect><path d="M3 9h18"></path><path d="M9 21V9"></path></svg></button> <!--[-1--><!--]--></div> <button class="p-1 rounded hover:bg-black/5 transition-colors cursor-pointer" title="è·éç³»ç»(ç¹å»åæ¢)" aria-label="Toggle theme"><!--[-1--><svg class="w-[14px] h-[14px]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"></circle><path d="M12 3a9 9 0 0 0 0 18z" fill="currentColor" stroke="none"></path></svg><!--]--></button> <button class="p-1 rounded hover:bg-black/5 transition-colors cursor-pointer" title="æç´¢å·¥å
·"><svg class="w-[14px] h-[14px]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"></circle><path d="m21 21-4.3-4.3"></path></svg></button> <button class="w-[18px] h-[18px] rounded-full border border-black/20 text-black/60 hover:bg-black/5 hover:text-black transition-colors cursor-pointer flex items-center justify-center text-[11px] font-semibold" title="å¿«æ·é®">?</button> <button class="p-1 rounded hover:bg-black/5 transition-colors cursor-pointer" title="å
¨å±"><!--[-1--><svg class="w-[14px] h-[14px]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M8 3H5a2 2 0 0 0-2 2v3m18-5h-3m3 0v3m0 12v-3m0 3h-3M3 16v3a2 2 0 0 0 2 2h3"></path></svg><!--]--></button> <div class="relative"><button class="p-1 rounded hover:bg-white/10 transition-colors cursor-pointer " title="设置"><svg class="w-[14px] h-[14px]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2
470 0 1 0-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg></button> <!--[-1--><!--]--></div><!----> <div class="relative"><button class="text-[12.5px] pr-1 tabular-nums hover:bg-white/10 rounded px-1.5 py-0.5 transition-colors cursor-pointer">å¨äº 16:58:31</button> <!--[-1--><!--]--></div><!----></div></div> <!--[-1--><!--]--><!----> <!--[-1--><!--]--><!----><!----> <div class="fixed z-[5] hidden md:block" style="top: 28px; right: 10px;"><div class="ad-container my-4 text-center" style="width: 490px; max-width: 490px; min-height: 150px; overflow: hidden;"></div><!----></div> <div class="absolute inset-0 z-0"><!--[0--><div class="bg-mesh svelte-mj4lut"><div class="layer l1 svelte-mj4lut" style="background: hsla(155, 55%, 65%, 0.65)"></div> <div class="layer l2 svelte-mj4lut" style="background: hsla(185, 50%, 62%, 0.6)"></div> <div class="layer l3 svelte-mj4lut" style="background: hsla(130, 50%, 60%, 0.6)"></div> <div class="layer l4 svelte-mj4lut" style="background: hsla(210, 45%, 65%, 0.55)"></div> <div class="layer l5 svelte-mj4lut" style="background: hsla(90, 45%, 68%, 0.5)"></div></div><!--]--></div> <div class="absolute inset-0 z-[10] pointer-events-none opacity-0 transition-opacity duration-500" style="top: 28px"><div class="relative w-full h-full pointer-events-none [&>*]:pointer-events-auto"><!--[--><!--]--> <div class="fixed bottom-20 right-6 z-[100] flex flex-col items-center gap-2"><button class="w-12 h-12 rounded-full bg-[var(--accent)] text-white shadow-lg hover:scale-110 transition-all duration-200 flex items-center justify-center ring-2 ring-white/20 hover:ring-white/40" aria-label="Add tool"><svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M12 5v14M5 12h14"></path></svg></button> <!--[-1--><!--]--></div> <!--[-1--><!--]--> <!--[-1--><!--]--><!----></div></div> <div class="absolute z-[15] left-1/2 -translate-x-1/2 opacity-0 transition-opacity duration-700" style="top: 44px;"><div class="flex items-center gap-3 px-5 py-2.5 bg-[var(--surface)]/90 backdrop-blur-xl border border-[var(--border)] rounded-2xl shadow-lg pointer-events-auto cursor-pointer hover:shadow-xl transition-shadow"><svg class="w-5 h-5 text-[var(--text-muted)] shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"></circle><path d="m21 21-4.3-4.3"></path></svg> <div class="flex items-center gap-1.5"><kbd class="px-2.5 py-1 text-[14px] font-mono font-bold bg-[var(--surface-2)] border border-[var(--border)] rounded-md text-[var(--text)]">â/Ctrl</kbd> <kbd class="px-2.5 py-1 text-[14px] font-mono font-bold bg-[var(--surface-2)] border border-[var(--border)] rounded-md text-[var(--text)]">K</kbd></div> <span class="text-[13px] text-[var(--text-muted)] font-medium">æç´¢å·¥å
·</span></div></div> <!--[--><div class="absolute overflow-hidden bg-[var(--surface)] ring-1 ring-black/25 dark:ring-white/25 rounded-[14px] shadow-2xl svelte-4yyt8s" style="z-index: 50; transform: translate3d(220px, 96px, 0); width: 820px; height: 560px; opacity: 1; pointer-events: auto; contain: layout style; box-shadow: 0 30px 80px -15px var(--shadow), 0 10px 30px -10px var(--shadow);"><div class="w-full h-full flex flex-col animate-windowIn svelte-4yyt8s"><div class="relative h-[52px] bg-[var(--surface-2)] flex items-center px-4 shrink-0 border-b border-[var(--border)] select-none cursor-move svelte-4yyt8s"><!--[-1--><!--]--> <div class="flex items-center space-x-[8px] svelte-4yyt8s"><button class="window-button w-[12px] h-[12px] rounded-full bg-[#ff5f56] border-[0.5px] border-[#e0443e] cursor-pointer shadow-[inset_0_1px_rgba(255,255,255,0.3)] flex items-center justify-center group p-0 svelte-4yyt8s" aria-label="Close"><svg class="w-[8px] h-[8px] text-black/60 opacity-0 group-hover:opacity-100 transition-opacity svelte-4yyt8s" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18" class="svelte-4yyt8s"></line><line x1="6" y1="6" x2="18" y2="18" class="svelte-4yyt8s"></line></svg></button> <button class="window-button w-[12px] h-[12px] rounded-full bg-[#ffbd2e] border-[0.5px] border-[#dea123] cursor-pointer shadow-[inset_0_1px_rgba(255,255,255,0.3)] flex items-center justify-center group p-0 svelte-4yyt8s" aria-label="Minimize"><svg class="w-[8px] h-[8px] text-black/60 opacity-0 group-hover:opacity-100 transition-opacity svelte-4yyt8s" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><line x1="4" y1="12" x2="20" y2="12" class="svelte-4yyt8s"></line></svg></button> <button class="window-button w-[12px] h-[12px] rounded-full bg-[#27c93f] border-[0.5px] border-[#1aab29] cursor-pointer shadow-[inset_0_1px_rgba(255,255,255,0.3)] flex items-center justify-center group relative overflow-hidden p-0 svelte-4yyt8s" aria-label="Maximize"><svg class="w-[8px] h-[8px] text-black/60 opacity-0 group-hover:opacity-100 transition-opacity svelte-4yyt8s" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M15 3h6v6" class="svelte-4yyt8s"></path><path d="M9 21H3v-6" class="svelte-4yyt8s"></path><path d="M21 3l-7 7" class="svelte-4yyt8s"></path><path d="M3 21l7-7" class="svelte-4yyt8s"></path></svg></button></div> <div class="flex-1 flex items-center justify-center gap-2 pointer-events-none svelte-4yyt8s"><!--[-1--><!--]--> <span class="text-[13px] font-semibold text-[var(--text)] svelte-4yyt8s">
47JSON æ ¼å¼è½¬æ¢</span></div> <!--[0--><div class="flex items-center gap-1 pointer-events-auto shrink-0 svelte-4yyt8s"><button class="flex items-center gap-1 px-2 py-1 rounded-md text-[11px] text-[var(--text-muted)] hover:text-[var(--accent)] hover:bg-[var(--accent)]/10 border border-[var(--border)] hover:border-[var(--accent)]/40 transition-all duration-200 shrink-0 font-medium svelte-4yyt8s" title="æ°å»ºçªå£"><svg class="w-3 h-3 svelte-4yyt8s" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 3h6a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-6" class="svelte-4yyt8s"></path><path d="M9 21V3a2 2 0 0 1 2-2h7" class="svelte-4yyt8s"></path></svg> æ°å»º</button> <button class="flex items-center gap-1 px-2 py-1 rounded-md text-[11px] transition-all duration-200 shrink-0 font-medium border text-[var(--text-muted)] hover:text-amber-500 hover:bg-amber-500/10 border-[var(--border)] hover:border-amber-400/40 svelte-4yyt8s" title="æ¶èå·¥å
·"><svg class="w-3 h-3 fill-none svelte-4yyt8s" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" class="svelte-4yyt8s"></polygon></svg> æ¶è</button> <button class="flex items-center gap-1 px-2 py-1 rounded-md text-[11px] text-[var(--text-muted)] hover:text-[var(--accent)] hover:bg-[var(--accent)]/10 border border-[var(--border)] hover:border-[var(--accent)]/40 transition-all duration-200 shrink-0 font-medium svelte-4yyt8s" title="å¤å¶é¾æ¥"><svg class="w-3 h-3 svelte-4yyt8s" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71" class="svelte-4yyt8s"></path><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71" class="svelte-4yyt8s"></path></svg> 龿¥</button> <button class="flex items-center gap-1 px-2 py-1 rounded-md text-[11px] text-[var(--text-muted)] hover:text-[var(--accent)] hover:bg-[var(--accent)]/10 border border-[var(--border)] hover:border-[var(--accent)]/40 transition-all duration-200 shrink-0 font-medium svelte-4yyt8s" title="åé¦"><svg class="w-3 h-3 svelte-4yyt8s" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" class="svelte-4yyt8s"></path></svg> åé¦</button> <span class="w-px h-4 bg-[var(--border)] svelte-4yyt8s"></span> <button class="w-5 h-5 rounded flex items-center justify-center hover:bg-emerald-500/15 transition-colors svelte-4yyt8s" title="å·¦åå±"><svg class="w-3 h-3 text-emerald-500 svelte-4yyt8s" viewBox="0 0 16 16" fill="currentColor"><rect x="1" y="2" width="6" height="12" rx="1" opacity="0.9" class="svelte-4yyt8s"></rect><rect x="9" y="2" width="6" height="12" rx="1" opacity="0.2" class="svelte-4yyt8s"></rect></svg></button> <button class="w-5 h-5 rounded flex items-center justify-center hover:bg-emerald-500/15 transition-colors svelte-4yyt8s" title="å³åå±"><svg class="w-3 h-3 text-emerald-500 svelte-4yyt8s" viewBox="0 0 16 16" fill="currentColor"><rect x="1" y="2" width="6" height="12" rx="1" opacity="0.2" class="svelte-4yyt8s"></rect><rect x="9" y="2" width="6" height="12" rx="1" opacity="0.9" class="svelte-4yyt8s"></rect></svg></button> <button class="w-5 h-5 rounded flex items-center justify-center hover:bg-emerald-500/15 transition-colors svelte-4yyt8s" title="ä¸åå±"><svg class="w-3 h-3 text-emerald-500 svelte-4yyt8s" viewBox="0 0 16 16" fill="currentColor"><rect x="1" y="2" width="14" height="5" rx="1" opacity="0.9" class="svelte-4yyt8s"></rect><rect x="1" y="9" width="14" height="5" rx="1" opacity="0.2" class="svelte-4yyt8s"></rect></svg></button> <button class="w-5 h-5 rounded flex items-center justify-center hover:bg-emerald-500/15 transition-colors svelte-4yyt8s" title="ä¸åå±"><svg class="w-3 h-3 text-emerald-500 svelte-4yyt8s" viewBox="0 0 16 16" fill="currentColor"><rect x="1" y="2" width="14" height="5" rx="1" opacity="0.2" class="svelte-4yyt8s"></rect><rect x="1" y="9" width="14" height="5" rx="1" opacity="0.9" class="svelte-4yyt8s"></rect></svg></button> <button class="w-5 h-5 rounded flex items-center justify-center hover:bg-emerald-500/15 transition-colors svelte-4yyt8s" title="å±
ä¸"><svg class="w-3 h-3 text-emerald-500 svelte-4yyt8s" viewBox="0 0 16 16" fill="currentColor"><rect x="4" y="4" width="8" height="8" rx="1" opacity="0.9" class="svelte-4yyt8s"></rect></svg></button> <button class="w-5 h-5 rounded flex items-center justify-center hover:bg-emerald-500/15 transition-colors svelte-4yyt8s" title="å
¨å±"><svg class="w-3 h-3 text-emerald-500 svelte-4yyt8s" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M2 6V2h4M10 2h4v4M14 10v4h-4M6 14H2v-4" class="svelte-4yyt8s"></path></svg></button></div><!--]--> <div class="w-[52px] svelte-4yyt8s"></div> <div class="w-[52px] svelte-4yyt8s"></div></div> <div class="flex-1 min-h-0 bg-white dark:bg-[var(--surface)] relative svelte-4yyt8s"><!--[-1--><div class="tool-window-content w-full h-full overflow-y-auto bg-white text-[#1d1d1f] pb-20 select-text"><!--[-1--><article class="w-full min-h-full overflow-y-auto px-8 py-7"><nav aria-label="Breadcrumb" class="text-[12px] text-black/40 mb-4"><ol class="flex items-center gap-1.5"><li><a href="/zh" class="hover:text-black/70">é¦é¡µ</a></li> <li aria-hidden="true">/</li> <li>å¼åå·¥å
·</li> <li aria-hidden="true">/</li> <li class="text-black/70" aria-current="page">JSON æ ¼å¼è½¬æ¢</li></ol></nav> <header class="flex items-center gap-3 mb-4"><span class="w-11 h-11 rounded-[12px] bg-gradient-to-br from-indigo-500 to-purple-500 flex items-center justify-center shadow-sm shrink-0"><span class="text-white text-lg font-bold">J</span></span> <h1 class="text-[22px] font-semibold leading-tight">JSON æ ¼å¼è½¬æ¢</h1></header> <p class="text-[15px] leading-relaxed text-black/70 mb-6">å¨çº¿ JSON æ ¼å¼è½¬æ¢å·¥å
·ï¼æ¯æ JSON ä¸ YAMLãCSVãXML äºè½¬</p> <!--[0--><section class="mb-6"><h2 class="text-[13px] font-semibold text-black/40 tracking-wider mb-2">详ç»è¯´æ</h2> <p class="text-[14px] leading-relaxed text-black/60">䏿¬¾å¤åè½çå¨çº¿æ ¼å¼è½¬æ¢å·¥å
·ï¼æ¯æ JSONãYAMLãCSVãXML åç§å¸¸ç¨æ°æ®æ ¼å¼ä¹é´çäºè½¬ãæ è®ºæ¨æ¯éè¦å° JSON é
ç½®æä»¶è½¬ä¸º YAML ç¨äº Kubernetesï¼è¿æ¯å° JSON æ°æ®å¯¼åºä¸º CSV è¡¨æ ¼ï¼é½è½è½»æ¾å®æãææè½¬æ¢å¨æµè§å¨æ¬å°å®æï¼æ°æ®ä¸ä¼ä¸ä¼ å°æå¡å¨ã</p></section><!--]--> <section class="mb-6"><h2 class="text-[13px] font-semibold text-black/40 tracking-wider mb-2">åè½ç¹ç¹</h2> <ul class="list-disc list-inside space-y-1"><!--[--><li class="text-[14px] text-black/60">JSON 转 YAML æ ¼å¼</li><li class="text-[14px] text-black/60">YAML 转 JSON æ ¼å¼</li><li class="text-[14px] text-black/60">JSON 转 CSV è¡¨æ ¼</li><li class="text-[14px] text-black/60">CSV 转 JSON æ°ç»</li><li class="text-[14px] text-black/60">
47JSON 转 XML ææ¡£</li><li class="text-[14px] text-black/60">XML 转 JSON 对象</li><li class="text-[14px] text-black/60">æ¯æç¼©è¿çº§å«èªå®ä¹</li><li class="text-[14px] text-black/60">ä¸é®äº¤æ¢è¾å
¥è¾åº</li><li class="text-[14px] text-black/60">æä»¶ä¸ä¼ ä¸ä¸è½½</li><!--]--></ul></section> <section class="mb-6"><h2 class="text-[13px] font-semibold text-black/40 tracking-wider mb-2">ä½¿ç¨æ¹æ³</h2> <ol class="list-decimal list-inside space-y-1"><!--[--><li class="text-[14px] text-black/60">éæ©æ¨éè¦çè½¬æ¢æ¨¡å¼ï¼å
± 6 ç§äºè½¬æ¨¡å¼ï¼</li><li class="text-[14px] text-black/60">å¨è¾å
¥åºåç²è´´æºæ°æ®æä¸ä¼ æä»¶</li><li class="text-[14px] text-black/60">è°æ´è¾åºæ ¼å¼é项ï¼å¦ç¼©è¿å¤§å°ï¼</li><li class="text-[14px] text-black/60">ç¹å»è½¬æ¢æé®çæç»æ</li><li class="text-[14px] text-black/60">å¤å¶å°åªè´´æ¿æä¸è½½ä¸ºæä»¶</li><!--]--></ol></section> <!--[0--><section class="mb-6"><h2 class="text-[13px] font-semibold text-black/40 tracking-wider mb-2">ä½¿ç¨æå·§</h2> <ul class="list-disc list-inside space-y-1"><!--[--><li class="text-[14px] text-black/60">ç²è´´æ ¼å¼é误ç JSON/YAML æ¶ï¼å·¥å
·ä¼æ¾ç¤ºé误æç¤ºå¸®å©æ¨å®ä½é®é¢</li><li class="text-[14px] text-black/60">使ç¨"交æ¢è¾å
¥è¾åº"åè½å¯ä»¥å¿«éè¿è¡åå转æ¢</li><li class="text-[14px] text-black/60">æ¯æææ½æä»¶å°è¾å
¥æ¡è¿è¡æä»¶å¯¼å
¥</li><!--]--></ul></section><!--]--> <!--[0--><section class="mb-6"><h2 class="text-[13px] font-semibold text-black/40 tracking-wider mb-2">常è§é®é¢</h2> <div class="space-y-4"><!--[--><div><h3 class="text-[14px] font-medium text-black/70">æ¯æåªäºæ ¼å¼ä¹é´ç转æ¢ï¼</h3> <p class="text-[13px] text-black/50 mt-1">æ¯æ JSONãYAMLãCSVãXML åç§æ ¼å¼ä¹é´çä»»æäºè½¬ï¼å
± 6 ç§è½¬æ¢æ¨¡å¼ã</p></div><div><h3 class="text-[14px] font-medium text-black/70">æ°æ®ä¼ä¸ä¼ å°æå¡å¨åï¼</h3> <p class="text-[13px] text-black/50 mt-1">ä¸ä¼ãææè½¬æ¢é½å¨æµè§å¨æ¬å°å®æï¼æ¨çæ°æ®ä¸ä¼ç¦»å¼æ¨ç设å¤ã</p></div><div><h3 class="text-[14px] font-medium text-black/70">JSON 转 CSV æ¶åµå¥å¯¹è±¡æä¹å¤çï¼</h3> <p class="text-[13px] text-black/50 mt-1">åµå¥å¯¹è±¡ä¼è¢«åºåå为 JSON åç¬¦ä¸²åæ¾å¨å¯¹åºç CSV åå
æ ¼ä¸ã</p></div><!--]--></div></section><!--]--> <section class="mb-6"><h2 class="text-[13px] font-semibold text-black/40 tracking-wider mb-2">æ ç¾</h2> <div class="flex flex-wrap gap-2"><!--[--><span class="px-2.5 py-1 rounded-full bg-black/5 text-[12px] text-black/70">JSON</span><span class="px-2.5 py-1 rounded-full bg-black/5 text-[12px] text-black/70">YAML</span><span class="px-2.5 py-1 rounded-full bg-black/5 text-[12px] text-black/70">CSV</span><span class="px-2.5 py-1 rounded-full bg-black/5 text-[12px] text-black/70">XML</span><span class="px-2.5 py-1 rounded-full bg-black/5 text-[12px] text-black/70">转æ¢</span><!--]--></div></section></article><!--]--></div><!--]--><!----></div></div> <!--[0--><div class="absolute top-0 left-0 right-0 h-1 cursor-n-resize svelte-4yyt8s"></div> <div class="absolute bottom-0 left-0 right-0 h-1 cursor-s-resize svelte-4yyt8s"></div> <div class="absolute top-0 bottom-0 left-0 w-1 cursor-w-resize svelte-4yyt8s"></div> <div class="absolute top-0 bottom-0 right-0 w-1 cursor-e-resize svelte-4yyt8s"></div> <div class="absolute top-0 left-0 w-3 h-3 cursor-nw-resize svelte-4yyt8s"></div> <div class="absolute top-0 right-0 w-3 h-3 cursor-ne-resize svelte-4yyt8s"></div> <div class="absolute bottom-0 left-0 w-3 h-3 cursor-sw-resize svelte-4yyt8s"></div> <div class="absolute bottom-0 right-0 w-3 h-3 cursor-se-resize svelte-4yyt8s"></div><!--]--></div><!--]--> <div class="transition-opacity duration-500 opacity-0"><div class="fixed bottom-3 left-1/2 -translate-x-1/2 z-[60] flex justify-center items-center pointer-events-none gap-1"><!--[-1--><!--]--> <div role="toolbar" tabindex="-1" class="pointer-events-auto flex items-end gap-2 px-3 py-2 rounded-[22px] bg-[var(--glass-strong)] border border-[var(--glass-border)] backdrop-blur-2xl shadow-[0_15px_50px_var(--shadow)] overflow-x-auto overflow-y-hidden max-w-[90vw] [&::-webkit-scrollbar]:hidden [scrollbar-width:none]"><!--[--><button title="JSON æ ¼å¼è½¬æ¢" class="group relative flex flex-col items-center justify-end shrink-0" style="width: 44px;"><span class="block rounded-[13px] bg-gradient-to-br from-emerald-400 to-teal-500 p-[1.5px] shadow-lg group-hover:shadow-xl transition-shadow duration-200" style="width: 44px; height: 44px;"><span class="w-full h-full rounded-[11px] bg-white/15 flex items-center justify-center border border-white/25"><svg class="w-1/2 h-1/2 text-white drop-shadow" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><!----><polyline points="17 1 21 5 17 9"/><path d="M3 11V9a4 4 0 014-4h14"/><polyline points="7 23 3 19 7 15"/><path d="M21 13v2a4 4 0 01-4 4H3"/><!----></svg></span></span> <span class="mt-1 h-[3px] w-[3px] rounded-full bg-[var(--accent)] transition-colors"></span></button><!--]--> <!--[0-->
47<span class="self-stretch w-px my-1 bg-[var(--glass-border)] shrink-0"></span><!--]--> <button title="Launchpad" class="group relative flex flex-col items-center justify-end shrink-0" style="width: 44px;"><span class="block rounded-[13px] bg-gradient-to-br from-slate-500 to-slate-700 p-[1.5px] shadow-lg group-hover:shadow-xl transition-shadow duration-200" style="width: 44px; height: 44px; transition: width .12s ease-out, height .12s ease-out, box-shadow .2s ease-out; will-change: width, height;"><span class="w-full h-full rounded-[11px] bg-white/15 flex items-center justify-center border border-white/25"><svg class="w-1/2 h-1/2 text-white drop-shadow" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><rect x="3" y="3" width="7" height="7" rx="1.5"></rect><rect x="14" y="3" width="7" height="7" rx="1.5"></rect><rect x="3" y="14" width="7" height="7" rx="1.5"></rect><rect x="14" y="14" width="7" height="7" rx="1.5"></rect></svg></span></span> <span class="mt-1 h-[3px] w-[3px] rounded-full bg-transparent"></span></button> <!--[0-->
47<span class="self-stretch w-px my-1 bg-[var(--glass-border)] shrink-0"></span> <button title="å ³éå ¨é¨" class="group relative flex flex-col items-center justify-end shrink-0" style="width: 44px;"><span class="block rounded-[13px] bg-gradient-to-br from-rose-400 to-red-600 p-[1.5px] shadow-lg group-hover:shadow-xl transition-shadow duration-200" style="width: 44px; height: 44px;"><span class="w-full h-full rounded-[11px] bg-white/15 flex items-center justify-center border border-white/25"><svg class="w-1/2 h-1/2 text-white drop-shadow" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></span></span> <span class="mt-1 h-[3px] w-[3px] rounded-full bg-transparent"></span></button><!--]--></div> <!--[-1--><!--]--></div> <!--[-1--><!--]--><!----></div> <!--[-1--><!--]--><!----> <!--[-1--><!--]--> <nav class="sr-only" aria-label="å·¥å ·å¯¼èª"><!--[--><a href="/zh/tool/json-formatter">JSON æ ¼å¼åå·¥å ·</a><a href="/zh/tool/json2struct">JSON è½¬ç»æä½</a><a href="/zh/tool/sql2struct">SQL è½¬ç»æä½</a><a href="/zh/tool/json-converter">JSON æ ¼å¼è½¬æ¢</a><a href="/zh/tool/sql-formatter">SQL æ ¼å¼åå·¥å ·</a><a href="/zh/tool/code-formatter">代ç ç¾åå·¥å ·</a><a href="/zh/tool/code-minifier">代ç åç¼©å·¥å ·</a><a href="/zh/tool/html-preview">HTML é¢è§å·¥å ·</a><a href="/zh/tool/regex-tester">æ£åè¡¨è¾¾å¼æµè¯</a><a href="/zh/tool/cron-express">Cron 表达å¼çæå¨</a><a href="/zh/tool/base64-encoder">Base64 ç¼ç è§£ç </a><a href="/zh/tool/url-encoder">URL ç¼ç è§£ç </a><a href="/zh/tool/html-entity">HTML å®ä½ç¼è§£ç </a><a href="/zh/tool/hash-generator">Hash çæå¨</a><a href="/zh/tool/jwt-decoder">JWT è§£æå·¥å ·</a><a href="/zh/tool/color-picker">é¢è²éæ©å¨</a><a href="/zh/tool/css-unit-converter">CSS åä½è½¬æ¢</a><a href="/zh/tool/base-converter">è¿å¶è½¬æ¢å¨</a><a href="/zh/tool/uuid-generator">UUID çæå¨</a><a href="/zh/tool/qr-generator">QR ç çæå¨</a><a href="/zh/tool/text-diff">ææ¬å¯¹æ¯å·¥å ·</a><a href="/zh/tool/column-compare">两å对æ¯å·¥å ·</a><a href="/zh/tool/text-dedup">ææ¬å»éå·¥å ·</a><a href="/zh/tool/text-repeat-count">ææ¬éå¤ç»è®¡</a><a href="/zh/tool/text-sort">ææ¬æåºå·¥å ·</a><a href="/zh/tool/text-case">ææ¬å¤§å°å转æ¢</a><a href="/zh/tool/text-counter">ææ¬ç»è®¡å·¥å ·</a><a href="/zh/tool/image-compressor">å¾çå¤çå·¥å ·</a><a href="/zh/tool/batch-image">æ¹éå¾çå¤ç</a><a href="/zh/tool/id-photo-maker">AI è¯ä»¶ç §å¶ä½</a><a href="/zh/tool/favicon-generator">ç½ç«å¾æ çæå¨</a><a href="/zh/tool/barcode-generator">æ¡å½¢ç çæå¨</a><a href="/zh/tool/chart-generator">å¾è¡¨çæå¨</a><a href="/zh/tool/video-processor">è§é¢å¤çå·¥å ·</a><a href="/zh/tool/markdown-editor">Markdown ç¼è¾å¨</a><a href="/zh/tool/markdown-table">Markdown è¡¨æ ¼çæå¨</a><a href="/zh/tool/mindmap">æç»´å¯¼å¾</a><a href="/zh/tool/flowchart-drawer">æµç¨å¾ç»å¶å¨</a><a href="/zh/tool/pdf-tools">PDF å·¥å ·é</a><a href="/zh/tool/password-strength">å¯ç å¼ºåº¦æ£æµ</a><a href="/zh/tool/password-generator">å¯ç çæå¨</a><a href="/zh/tool/encrypt-decrypt">å å¯è§£å¯å·¥å ·</a><a href="/zh/tool/ssl-checker">SSL è¯ä¹¦æ£æ¥</a><a href="/zh/tool/ip-lookup">IP å°åæ¥è¯¢</a><a href="/zh/tool/dns-lookup">DNS æ¥è¯¢å·¥å ·</a><a href="/zh/tool/ping-tester">Ping æµè¯å·¥å ·</a><a href="/zh/tool/user-agent-parser">User-Agent è§£æ</a><a href="/zh/tool/csv-editor">CSV/Excel ç¼è¾å¨</a><a href="/zh/tool/timestamp-converter">æ¶é´æ³è½¬æ¢</a><a href="/zh/tool/timezone-converter">æ¶åºè½¬æ¢å·¥å ·</a><a href="/zh/tool/date-calculator">æ¥æè®¡ç®å¨</a><a href="/zh/tool/batch-file-rename">æ¹éæä»¶éå½å</a><!--]--></nav></div><!----><!--]--><!--]--><!----> <div class="fixed bottom-0 left-0 right-0 z-[100] flex items-center justify-center gap-4 text-[11px] text-[var(--text-muted)] select-none pointer-events-auto pb-1"><a href="https://beian.miit.gov.cn/" target="_blank" rel="noopener noreferrer" class="hover:text-[var(--text)] transition-colors">京ICPå¤16061460å·-4</a> <span class="opacity-40">|</span> <a href="/sitemap.xml" target="_blank" rel="noopener noreferrer" class="hover:text-[var(--text)] transition-colors">ç½ç«å°å¾</a></div><!--]--><!--]--> <!--[-1--><!--]--><!--]--> 48 49
49<script> 50 { 51 52 __sveltekit_1n97dcr = { 53 base: new URL("../..", location).pathname.slice(0, -1) 54 }; 55 56 const element = document.currentScript.parentElement; 57 58 Promise.all([ 59 import("../../_app/immutable/entry/start.DuD2npgc.js"), 60 import("../../_app/immutable/entry/app.dmkdweid.js") 61 ]).then(([kit, app]) => { 62 kit.start(app, element, { 63 node_ids: [0, 7], 64 data: [{type:"data",data:{seo:{title:"PostJson - å è´¹å¨çº¿å¼åè å·¥å ·ç®±",description:"å è´¹å¨çº¿å¼åè å·¥å ·ç®±ï¼æä¾ JSON æ ¼å¼åã代ç çæãè§é¢å¤çãå¾çå缩ç 35+ å®ç¨å·¥å ·ã",siteName:"PostJson",siteUrl:"https://postjson.com"}},uses:{url:1}},{type:"data",data:{tool:{id:"json-converter",slug:"json-converter",keywords:["YAML","CSV","XML"],keywordsEn:["YAML","CSV","XML"],name:"JSON æ ¼å¼è½¬æ¢",nameEn:"JSON Converter",description:"å¨çº¿ JSON æ ¼å¼è½¬æ¢å·¥å ·ï¼æ¯æ JSON ä¸ YAMLãCSVãXML äºè½¬",descriptionEn:"Online JSON converter - convert between JSON, YAML, CSV, and XML",tags:["JSON","YAML","CSV","XML","转æ¢"],tagsEn:["JSON","YAML","CSV","XML","Convert"],categories:["å¼åå·¥å ·"],isFavorite:false,iconName:"Repeat"},seo:{title:"JSON æ ¼å¼è½¬æ¢å¨çº¿ - YAML_CSV_XMLå è´¹ | PostJson",description:"å¨çº¿ JSON æ ¼å¼è½¬æ¢å·¥å ·ï¼æ¯æ JSON ä¸ YAMLãCSVãXML äºè½¬",ogTitle:"JSON æ ¼å¼è½¬æ¢å¨çº¿ | YAML_CSV_XMLå è´¹ | PostJson",ogDescription:"å¨çº¿ JSON æ ¼å¼è½¬æ¢å·¥å ·ï¼æ¯æ JSON ä¸ YAMLãCSVãXML äºè½¬",canonical:"https://postjson.com/tool/json-converter"},structuredData:{"@context":"https://schema.org","@type":"SoftwareApplication",name:"JSON æ ¼å¼è½¬æ¢ - PostJson",description:"å¨çº¿ JSON æ ¼å¼è½¬æ¢å·¥å ·ï¼æ¯æ JSON ä¸ YAMLãCSVãXML äºè½¬",applicationCategory:"DeveloperApplication",operatingSystem:"Web Browser",url:"https://postjson.com/tool/json-converter",offers:{"@type":"Offer",price:"0",priceCurrency:"CNY"},author:{"@type":"Organization",name:"PostJson"}},seoContent:{features:["å¨çº¿ JSON æ ¼å¼è½¬æ¢å·¥å ·ï¼æ¯æ JSON ä¸ YAMLãCSVãXML äºè½¬"],usage:["ä½¿ç¨æ¤å·¥å ·å¤çæ¨çæ°æ®"]}},uses:{params:["slug"]},slash:"always"}], 65 form: null, 66 error: null 67 }); 68 }); 69 } 70 </script>
70 71 </div> 72 </body> 73</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.