鍦ㄧ嚎宸ュ叿澶у叏 - 寮€鍙?璺ㄥ鐢靛晢/SEO鍏嶈垂宸ュ叿 | 鍏姞浜屽湪绾垮伐鍏?/title> <meta name="description" content="鍏嶈垂鍦ㄧ嚎宸ュ叿闆嗗悎锛欽SON鏍煎紡鍖栥€丗BA鍒╂鼎璁＄畻銆佷綋绉噸銆乂AT绋庤垂銆丮eta鏍囩妫€娴嬬瓑34+寮€鍙戝伐鍏峰拰璺ㄥ鐢靛晢宸ュ叿銆?00%鏈湴杩愯锛屽畨鍏ㄩ殣绉佹棤闇€娉ㄥ唽銆?> <meta name="keywords" content="鍦ㄧ嚎宸ュ叿,fba鍒╂鼎璁＄畻鍣?浣撶Н閲嶈绠楀櫒,vat璁＄畻鍣?json鏍煎紡鍖?璺ㄥ鐢靛晢宸ュ叿,seo宸ュ叿"> <link rel="canonical" href="https://www.cqqzx.com/tools/"> <link rel="alternate" hreflang="en" href="https://www.cqqzx.com/tools/en/"> <link rel="stylesheet" href="/style.css"> <link rel="icon" type="image/x-icon" href="/favicon.ico"> <style> .tools-layout { display: flex; gap: 32px; align-items: flex-start; } .tools-sidebar { width: 200px; flex-shrink: 0; position: sticky; top: 24px; } .sidebar-title { font-size: 13px; font-weight: 600; color: #888; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 14px; } .cat-list { display: flex; flex-direction: column; gap: 4px; } .cat-item { display: flex; align-items: center; gap: 10px; padding: 10px 14px; border-radius: 8px; cursor: pointer; font-size: 14px; color: #444; transition: all .15s; text-decoration: none; } .cat-item:hover { background: #f0f7ff; color: var(--primary, #2f6fed); } .cat-item.active { background: var(--primary, #2f6fed); color: #fff; font-weight: 600; } .cat-item .cat-count { margin-left: auto; font-size: 12px; opacity: .6; } .tools-main { flex: 1; min-width: 0; } .tools-toolbar { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; flex-wrap: wrap; gap: 12px; } .tools-count { font-size: 14px; color: #666; } .sort-select { padding: 6px 12px; border: 1px solid #e0e0e0; border-radius: 6px; font-size: 13px; background: #fff; cursor: pointer; } .sort-select:focus { outline: none; border-color: var(--primary, #2f6fed); } .page-search { margin-bottom: 28px; position: relative; } .page-search input { width: 100%; padding: 14px 20px 14px 48px; border: 1px solid #e0e0e0; border-radius: 10px; font-size: 15px; box-sizing: border-box; background: #fff; transition: all .2s; } .page-search input:focus { outline: none; border-color: var(--primary, #2f6fed); box-shadow: 0 0 0 3px rgba(47,111,237,.1); } .page-search::before { content: "馃攳"; position: absolute; left: 16px; top: 50%; transform: translateY(-50%); font-size: 16px; } .tools-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 14px; } .tool-card { display: block; background: #fff; border: 1px solid #e9ecef; padding: 18px; border-radius: 12px; text-decoration: none; color: inherit; transition: all .2s; } .tool-card:hover { border-color: var(--primary, #2f6fed); transform: translateY(-2px); box-shadow: 0 6px 20px rgba(26,26,46,.07); } .tool-card-head { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 8px; } .tool-card-icon { font-size: 24px; flex-shrink: 0; } .tool-card h3 { margin: 0; font-size: 15px; color: #1a1a2e; line-height: 1.3; } .tool-card p { margin: 0 0 12px 0; font-size: 12px; color: #888; line-height: 1.5; min-height: 36px; } .tool-card-foot { display: flex; justify-content: space-between; align-items: center; font-size: 11px; color: #aaa; } .tool-tag { display: inline-block; padding: 2px 7px; border-radius: 4px; font-size: 10px; font-weight: 600; } .tool-tag.hot { background: #fee2e2; color: #dc2626; } .tool-tag.new { background: #dcfce7; color: #16a34a; } .trust-bar { background: #e3f2fd; padding: 14px; text-align: center; border-radius: 10px; margin-bottom: 28px; font-size: 14px; color: #1565c0; font-weight: 500; } .lang-entry { margin-top: 40px; padding: 20px; background: #f0f7ff; border-radius: 12px; text-align: center; } .lang-entry a { color: var(--primary); font-weight: 600; } .mobile-cat-bar { display: none; overflow-x: auto; gap: 8px; padding-bottom: 8px; margin-bottom: 16px; } .mobile-cat-bar .cat-item { flex-shrink: 0; padding: 6px 14px; font-size: 13px; border: 1px solid #e0e0e0; background: #fff; } .mobile-cat-bar .cat-item.active { background: var(--primary, #2f6fed); border-color: var(--primary, #2f6fed); color: #fff; } .recent-sidebar { margin-bottom: 28px; display: none; } .recent-sidebar.show { display: block; } .recent-sidebar .sidebar-title { color: #888; } .recent-list { display: flex; flex-direction: column; gap: 6px; } .recent-list a { display: flex; align-items: center; gap: 8px; padding: 8px 10px; border-radius: 6px; text-decoration: none; color: #444; font-size: 13px; transition: all .15s; } .recent-list a:hover { background: #f0f7ff; color: var(--primary, #2f6fed); } .recent-list .recent-icon { font-size: 16px; } @media(max-width: 900px) { .tools-sidebar { display: none; } .mobile-cat-bar { display: flex; } .tools-layout { gap: 0; } } @media(max-width: 520px) { .tools-grid { grid-template-columns: 1fr 1fr; } .tool-card p { display: none; } .tool-card { padding: 14px; } } </style> <script src="https://analytics.ahrefs.com/analytics.js" data-key="nXMYzuPiHdtDaAJkCq07sw" async></script> </head> <body> <header class="site-header"> <div class="container"> <a href="/" class="brand">閲嶅簡<span class="dot">路</span>鍏姞浜?/a> <nav class="nav-links"> <a href="/tools/" class="active">鍦ㄧ嚎宸ュ叿</a> <a href="/xiaochengxu-kaifa/">灏忕▼搴忓紑鍙?/a> <a href="/dulizhan-jianshe/">鐙珛绔欏缓璁?/a> <a href="/google-seo/">璋锋瓕SEO</a> <a href="/blog/">鍗氬</a> <a href="/contact.html">鍏嶈垂鍜ㄨ</a> </nav> </div> </header> <div class="container breadcrumb"> <a href="/">棣栭〉</a> / 鍦ㄧ嚎宸ュ叿 </div> <section class="hero" style="padding: 60px 0 40px;"> <img src="/images/hero-tools.jpg" alt="鍦ㄧ嚎宸ュ叿澶у叏" style="position:absolute; right:0; top:50%; transform:translateY(-50%); max-width:50%; opacity:0.15; pointer-events:none;"> <div class="container"> <div class="eyebrow">鍦ㄧ嚎宸ュ叿澶у叏</div> <h1 class="hero-title">鍏嶈垂鍦ㄧ嚎宸ュ叿闆嗗悎</h1> <p class="hero-sub">寮€鍙戙€佽璁°€佸姙鍏€佺敓娲汇€佸晢涓氥€佽法澧冪數鍟嗐€佸伐涓氥€佹父鎴忓叓澶у垎绫伙紝鍏ㄩ儴100%鏈湴杩愯锛屾暟鎹笉涓婁紶鏈嶅姟鍣ㄣ€?/p> </div> </section> <section class="block" style="padding-top: 20px;"> <div class="container"> <div class="trust-bar">馃敀鍏ㄩ儴宸ュ叿 100% 鏈湴杩愯 路鏁版嵁涓嶄笂浼犳湇鍔″櫒路瀹夊叏闅愮</div> <div class="page-search"> <input type="text" id="toolSearch" placeholder="鎼滅储宸ュ叿鍚嶇О鎴栧姛鑳?.." oninput="filterTools()"> </div>  <div class="mobile-cat-bar" id="mobileCatBar"></div> <div class="tools-layout">  <aside class="tools-sidebar"> <div class="recent-sidebar" id="recentSidebar"> <div class="sidebar-title">馃晲鏈€杩戜娇鐢?/div> <div class="recent-list" id="recentList"></div> </div> <div class="sidebar-title">宸ュ叿鍒嗙被</div> <div class="cat-list" id="catList"></div> </aside>  <div class="tools-main"> <div class="tools-toolbar"> <span class="tools-count" id="toolsCount">鍏?34 涓伐鍏?/span> <select class="sort-select" id="sortSelect" onchange="filterTools()"> <option value="hot">鎸夌儹搴︽帓搴?/option> <option value="name">鎸夊悕绉版帓搴?/option> </select> </div> <div class="tools-grid" id="toolsGrid"></div> </div> </div> <div class="lang-entry"> <strong>馃寪 English Version</strong> 路 <a href="/tools/en/">View all tools in English</a> 锛堣タ鐝墮璇€佹棩璇€佸痉璇増鏈寔缁洿鏂颁腑锛? </div> </div> </section> <footer class="site-footer"> <div class="container"> <div>閲嶅簡鍏姞浜岀鎶€鏈夐檺鍏徃路 <a href="https://beian.miit.gov.cn/">娓滻CP澶?025058865鍙?1</a></div> <div><a href="/tools/">涓枃</a> 路 <a href="/tools/en/">English</a> 路 <a href="/tools/es/">Espa帽ol</a> 路 <a href="/tools/ja/">鏃ユ湰瑾?/a> 路 <a href="/tools/de/">Deutsch</a></div> </div> </footer> <script> // 宸ュ叿鏁版嵁 const allTools = [ {name:"JSON 鏍煎紡鍖栨牎楠?, desc:"JSON缇庡寲銆佸帇缂┿€佹牎楠岋紝鏀寔鑷畾涔夌缉杩?, url:"/tools/json-geshihua.html", cat:"dev", icon:"馃搵", base: 52830}, {name:"JSON 杞?Go", desc:"鐢熸垚Go缁撴瀯浣擄紝鏀寔omitempty銆佹寚閽堢被鍨?, url:"/tools/json-to-go.html", cat:"dev", icon:"馃數", base: 21400}, {name:"JSON 杞?TypeScript", desc:"鐢熸垚TS鎺ュ彛瀹氫箟锛屽彲閫夊睘鎬xport瀵煎嚭", url:"/tools/json-to-typescript.html", cat:"dev", icon:"馃敺", base: 19800}, {name:"JSON 杞?Dart", desc:"Flutter寮€鍙戝繀澶囷紝鑷甫fromJson/toJson鏂规硶", url:"/tools/json-to-dart.html", cat:"dev", icon:"馃惁", base: 12300}, {name:"JSON 杞?Python", desc:"鐢熸垚Python dataclass锛岃嚜甯︾被鍨嬫敞瑙?, url:"/tools/json-to-python.html", cat:"dev", icon:"馃悕", base: 15600}, {name:"JSON 杞?C#", desc:"鐢熸垚C#瀹炰綋绫伙紝鏀寔JsonProperty鐗规€?, url:"/tools/json-to-csharp.html", cat:"dev", icon:"馃挏", base: 9800}, {name:"YAML / JSON 浜掕浆", desc:"YAML涓嶫SON鍙屽悜杞崲锛屾敮鎸並8s閰嶇疆", url:"/tools/yaml-to-json.html", cat:"dev", icon:"馃搫", base: 15320}, {name:"Crontab 琛ㄨ揪寮忚绠楀櫒", desc:"鍙鍖栫敓鎴恈ron琛ㄨ揪寮忥紝瑙ｉ噴鎵ц鏃堕棿", url:"/tools/crontab-jisuanqi.html", cat:"dev", icon:"鈴?, base: 36720}, {name:"Unix 鏃堕棿鎴宠浆鎹?, desc:"绉?姣鏃堕棿鎴充簰杞紝ISO 8601鏍煎紡", url:"/tools/shijianchuo-zhuanhuan.html", cat:"dev", icon:"馃晲", base: 48215}, {name:"Base64 缂栬В鐮?, desc:"鏂囨湰涓嶣ase64鍙屽悜杞崲锛屾敮鎸乁TF-8涓枃", url:"/tools/base64-bianjiema.html", cat:"dev", icon:"馃攼", base: 17840}, {name:"棰滆壊鍊艰浆鎹?, desc:"HEX/RGB/HSL棰滆壊妯″紡浜掕浆锛屽疄鏃堕瑙?, url:"/tools/yanse-zhuanhuan.html", cat:"design", icon:"馃帹", base: 8900}, {name:"浜岀淮鐮佺敓鎴愬櫒", desc:"杈撳叆鏂囧瓧鐢熸垚浜岀淮鐮侊紝鏀寔PNG涓嬭浇", url:"/tools/erweima-shengcheng.html", cat:"design", icon:"馃摫", base: 28930}, {name:"鍥剧墖鍘嬬缉", desc:"鍦ㄧ嚎鍥剧墖鍘嬬缉锛屼繚鎸佺敾璐ㄥ噺灏忎綋绉?, url:"/tools/tupian-yasuo.html", cat:"design", icon:"馃柤锔?, base: 11200}, {name:"PDF 鍚堝苟", desc:"澶氫釜PDF鏂囦欢鍚堝苟涓轰竴涓?, url:"/tools/pdf-hebing.html", cat:"office", icon:"馃搼", base: 9600}, {name:"瀛楁暟缁熻", desc:"鍦ㄧ嚎缁熻瀛楃鏁般€佸崟璇嶆暟銆佽鏁?, url:"/tools/zishu-tongji.html", cat:"office", icon:"馃摑", base: 13400}, {name:"浜烘皯甯佸ぇ鍐欒浆鎹?, desc:"鏁板瓧閲戦杞腑鏂囧ぇ鍐欙紝璐㈠姟绁ㄦ嵁涓撶敤", url:"/tools/renminbi-daxie.html", cat:"office", icon:"馃挻", base: 7800}, {name:"瀹犵墿钀ュ吇璁＄畻鍣?, desc:"鐢熼鑲夐厤鏂硅惀鍏昏绠楋紝鐚嫍閫氱敤", url:"/tools/chongwu-yingyang-jisuanqi.html", cat:"life", icon:"馃惥", base: 6500}, {name:"鐑樼剻鐧惧垎姣旇绠楀櫒", desc:"鐑樼剻閰嶆柟鎹㈢畻涓庢垚鏈绠?, url:"/tools/hongbei-baifenbi-jisuanqi.html", cat:"life", icon:"馃崬", base: 5900}, {name:"闅忔満瀵嗙爜鐢熸垚鍣?, desc:"楂樺己搴﹀畨鍏ㄥ瘑鐮侊紝鏀寔鑷畾涔夎鍒?, url:"/tools/mima-shengcheng.html", cat:"life", icon:"馃攽", base: 14200}, {name:"璺ㄥ杩愯垂瀵规瘮", desc:"鍚勫ぇ鐗╂祦娓犻亾浣撶Н閲嶈繍璐瑰姣?, url:"/tools/kuajing-yunfei-jisuanqi.html", cat:"biz", icon:"馃殮", base: 7200}, {name:"浣撶Н閲嶈绠楀櫒", desc:"DHL/FedEx/UPS鏍囧噯锛岃璐归噸閲忚绠?, url:"/tools/tiji-zhong-jisuanqi.html", cat:"ecom", icon:"馃摝", base: 18620, isNew: true}, {name:"FBA鍒╂鼎璁＄畻鍣?, desc:"浜氶┈閫婂叏璐圭敤鍒╂鼎鏍哥畻锛屾湀搴︾粺璁?, url:"/tools/fba-lirun-jisuanqi.html", cat:"ecom", icon:"馃挼", base: 21450}, {name:"VAT澧炲€肩◣璁＄畻鍣?, desc:"娆х洘鑻卞浗VAT璁＄畻锛屽惈绋庝笉鍚◣鍙屾ā寮?, url:"/tools/vat-jisuanqi.html", cat:"ecom", icon:"馃Ь", base: 16800, isNew: true}, {name:"PayPal鎵嬬画璐硅绠楀櫒", desc:"澶氭。璐圭巼鍚眹鎹熶及绠楋紝鍙嶅悜璁＄畻", url:"/tools/paypal-shouxufei-jisuanqi.html", cat:"ecom", icon:"馃挸", base: 15200, isNew: true}, {name:"鍏崇◣浼扮畻鍣?, desc:"CIF璁＄◣锛屽叧绋?VAT鍒板哺鎴愭湰浼扮畻", url:"/tools/guanshui-gusuanqi.html", cat:"ecom", icon:"馃彌锔?, base: 13100, isNew: true}, {name:"鍥介檯灏虹爜鎹㈢畻鍣?, desc:"鐢烽瀷濂抽瀷绔ラ瀷鏈嶈锛孶S/UK/EU/CN瀵圭収", url:"/tools/chima-huasuan.html", cat:"ecom", icon:"馃憻", base: 9400, isNew: true}, {name:"鏃跺尯杞崲鍣?, desc:"19涓父鐢ㄦ椂鍖猴紝宸ヤ綔鏃堕棿棰滆壊鏍囪", url:"/tools/shiqu-zhuanhuan.html", cat:"ecom", icon:"馃實", base: 11800, isNew: true}, {name:"鏉″舰鐮佺敓鎴愬櫒", desc:"UPC/EAN/Code128绛?绉嶆牸寮忥紝PNG涓嬭浇", url:"/tools/tiaoxingma-shengcheng.html", cat:"ecom", icon:"馃搳", base: 8700, isNew: true}, {name:"Meta鏍囩妫€娴?, desc:"鏍囬鎻忚堪闀垮害妫€娴嬶紝Google鎼滅储棰勮", url:"/tools/meta-biaoqian-jiancha.html", cat:"ecom", icon:"馃攳", base: 10500, isNew: true}, {name:"鍏抽敭璇嶅瘑搴﹀垎鏋?, desc:"鏂囩珷璇嶉缁熻锛屽仠鐢ㄨ瘝杩囨护", url:"/tools/guanjianci-midu-fenxi.html", cat:"ecom", icon:"馃搱", base: 9200, isNew: true}, {name:"瀹炴椂姹囩巼鎹㈢畻鍣?, desc:"39绉嶈揣甯佸疄鏃跺厬鎹紝鐑棬姹囩巼涓€瑙?, url:"/tools/huilv-huasuan.html", cat:"ecom", icon:"馃挶", base: 12600, isNew: true}, {name:"HS缂栫爜閫熸煡琛?, desc:"40+绫荤洰娴峰叧缂栫爜锛屽垎绫荤瓫閫夋悳绱?, url:"/tools/hs-bianma-chaxun.html", cat:"ecom", icon:"馃搵", base: 8100, isNew: true}, {name:"CNC鍒囧墛鍙傛暟璁＄畻鍣?, desc:"杞€熻繘缁欏垏鍓婇€熷害锛屾暟鎺х紪绋嬫晥鐜囩鍣?, url:"/tools/cnc-qiexiao-canshu.html", cat:"industry", icon:"鈿欙笍", base: 5600}, {name:"娓告垙浼ゅ涔樺尯璁＄畻鍣?, desc:"澶氫箻鍖哄彔鍔狅紝閰嶈浼ゅ棰勪及", url:"/tools/youxi-shanghai-jisuanqi.html", cat:"game", icon:"馃幃", base: 6800} ]; // 鍒嗙被閰嶇疆 const categories = [ {key:"all", name:"鍏ㄩ儴宸ュ叿", icon:"馃敟"}, {key:"dev", name:"寮€鍙戝伐鍏?, icon:"馃洜锔?}, {key:"ecom", name:"璺ㄥ鐢靛晢", icon:"馃摝"}, {key:"design", name:"璁捐宸ュ叿", icon:"馃帹"}, {key:"office", name:"鍔炲叕鍔╂墜", icon:"馃搫"}, {key:"life", name:"鐢熸椿宸ュ叿", icon:"馃尡"}, {key:"biz", name:"鍟嗕笟宸ュ叿", icon:"馃捈"}, {key:"industry", name:"宸ヤ笟宸ュ叿", icon:"鈿欙笍"}, {key:"game", name:"娓告垙宸ュ叿", icon:"馃幃"} ]; let currentCat = "all"; // 浣跨敤閲忚绠? function getUsage(tool) { const extra = parseInt(localStorage.getItem("usage_" + tool.url) || "0"); return tool.base + extra; } function formatNum(n) { if (n >= 10000) return (n/10000).toFixed(1) + "w"; return n.toLocaleString(); } // 娓叉煋鍒嗙被鏍? function renderCats() { const list = document.getElementById("catList"); const mobile = document.getElementById("mobileCatBar"); list.innerHTML = categories.map(c => { const count = c.key === "all" ? allTools.length : allTools.filter(t => t.cat === c.key).length; return `<div class="cat-item ${currentCat===c.key?'active':''}" onclick="setCat('${c.key}')"> <span>${c.icon}</span><span>${c.name}</span><span class="cat-count">${count}</span> </div>`; }).join(""); mobile.innerHTML = categories.map(c => { return `<div class="cat-item ${currentCat===c.key?'active':''}" onclick="setCat('${c.key}')">${c.icon} ${c.name}</div>`; }).join(""); } function setCat(key) { currentCat = key; renderCats(); filterTools(); } // 娓叉煋宸ュ叿 function filterTools() { const kw = document.getElementById("toolSearch").value.trim().toLowerCase(); const sort = document.getElementById("sortSelect").value; let list = currentCat === "all" ? [...allTools] : allTools.filter(t => t.cat === currentCat); if (kw) { list = list.filter(t => t.name.toLowerCase().includes(kw) || t.desc.toLowerCase().includes(kw)); } if (sort === "hot") { list.sort((a, b) => getUsage(b) - getUsage(a)); } else { list.sort((a, b) => a.name.localeCompare(b.name, "zh")); } const grid = document.getElementById("toolsGrid"); grid.innerHTML = list.map(t => { const tag = t.isNew ? '<span class="tool-tag new">鉁?鏂?/span>' : (t.base > 25000 ? '<span class="tool-tag hot">馃敟鐑棬</span>' : ''); return `<a href="${t.url}" class="tool-card" onclick="recordUsage('${t.url}')"> <div class="tool-card-head"> <span class="tool-card-icon">${t.icon}</span> <h3>${t.name}</h3> </div> <p>${t.desc}</p> <div class="tool-card-foot">${tag}<span>${formatNum(getUsage(t))} 娆′娇鐢?/span></div> </a>`; }).join(""); document.getElementById("toolsCount").textContent = `鍏?${list.length} 涓伐鍏穈; } function recordUsage(url) { const key = "usage_" + url; const cur = parseInt(localStorage.getItem(key) || "0"); localStorage.setItem(key, cur + 1); // 鍘嗗彶瓒宠抗 const tool = allTools.find(t => t.url === url); if (!tool) return; let history = JSON.parse(localStorage.getItem("tool_history") || "[]"); history = history.filter(h => h.url !== url); history.unshift({url: tool.url, name: tool.name, icon: tool.icon}); if (history.length > 5) history = history.slice(0, 5); localStorage.setItem("tool_history", JSON.stringify(history)); renderRecentSidebar(); } function renderRecentSidebar() { const history = JSON.parse(localStorage.getItem("tool_history") || "[]"); if (history.length === 0) return; const box = document.getElementById("recentSidebar"); const list = document.getElementById("recentList"); list.innerHTML = history.map(h => `<a href="${h.url}" onclick="recordUsage('${h.url}')"> <span class="recent-icon">${h.icon}</span><span>${h.name}</span> </a>` ).join(""); box.classList.add("show"); } // 鍒濆鍖? renderCats(); filterTools(); renderRecentSidebar(); </script> </body> </html>