FE Dev Tools

Tracking since Apr 11, 2026.

Changelog

• May 29, 2026
  description

  FE Dev Tools (Front-End Development Toolbox) is a browser-based toolbox built for front-end developers. It bundles three everyday utilities into one clean interface:
  
  JSON Formatter
  Paste any JSON and instantly get a syntax-highlighted, collapsible tree view. Supports custom indentation, one-click copy, and automatic recursive parsing of JSON nested inside strings.
  
  URL Params Parser
  Paste a URL or query string to break search params into a readable key-value tree. Nested JSON values are recursively expanded — no more manual decoding.
  
  Markdown Preview
  Edit on the left, preview on the right in real time. Full support for GFM (GitHub Flavored Markdown), math formulas (KaTeX), and Mermaid diagrams.
  
  Why install FE Dev Tools?
  - 100% offline — your data never leaves the browser
	
  - Bilingual UI (English & Chinese), switchable in one click
	
  - Light / Dark / System theme support
	
  - All tools share a single tab; switching preserves your input

  - Lightweight, fast, and ready to use

  🇨🇳 中文
  
  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.

• May 29, 2026
  short_description

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

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

• May 22, 2026
  permissions

  tabs

  (empty)

Permissions & access

Permissions

None declared

Host access

None declared

Screenshots