FE Dev Tools

JSON formatter, URL params parser, Markdown preview & HTML beautifier. EN/中文.

🇨🇳 中文 FE Dev Tools 把前端日常的格式化与查看工具集成到一个快速、离线的浏览器标签页——不用粘贴到在线网站，不登录，不联网。 ▍工具一览 • JSON 美化 —— 格式化 JSON / JS 对象字面量（支持无引号 key、尾逗号、注释），树形查看、按节点复制、切换缩进、递归展开嵌套字符串。 • URL 参数解析 —— 粘贴 URL 或查询字符串，自动 URL 解码并解析为树形；重复 key 归并为数组。 • Markdown 预览 —— 左右实时预览，支持 GFM、表格、任务列表、KaTeX 公式、Mermaid 图表、代码高亮。 • HTML 格式化 —— 把混乱 / 压缩的 HTML 美化并高亮，内嵌 <script>(JS) 与 <style>(CSS) 一并格式化；结果可编辑、可二次格式化。 ▍为什么开发者喜欢它 • 在完整标签页打开，而非局促弹窗，分栏可拖拽。 • 纯本地运行，数据不出浏览器，零网络请求、零数据收集。 • 中英双语，跟随浏览器语言自动切换。 • 浅色 / 深色 / 跟随系统三种主题。 • 记住上次使用的工具。 为想在浏览器内快速、私密、可靠完成格式化的开发者打造。 --- 🇬🇧 English FE Dev Tools puts the formatting and inspection tools front-end devs use daily into one fast, offline browser tab — no sketchy online sites, no login, no network. ▍Tools • JSON Pretty — Format JSON / JS object literals (unquoted keys, trailing commas, comments). Interactive tree, per-node copy, switchable indent, recursive unwrap of nested stringified JSON. • URL Search Params — Paste a URL or query string; auto URL-decoded into a tree, with repeated keys grouped into arrays. • Markdown Preview — Live side-by-side preview: GFM, tables, task lists, KaTeX math, Mermaid diagrams, code highlighting. • HTML Format — Beautify and highlight messy or minified HTML; embedded <script> (JS) and <style> (CSS) are reformatted too. Output is editable and re-formattable. ▍Why developers like it • Opens in a real tab, not a cramped popup, with draggable split panes. • 100% local — data never leaves the browser, zero network calls, nothing collected. • Bilingual EN / 中文, auto-detected from your browser. • Light, dark and system themes. • Remembers your last-used tool. Built for developers who want fast, private, reliable formatting without leaving the browser.