PageSourceSearch

https://postjson.com/tool/json-converter

html postjson.com collected 2026-10-10 02:21:08 UTC 54,348 bytes, 73 lines download raw bytes

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 [&amp;>*]: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] [&amp;::-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.