XML 格式化与查看工具

一个纯前端的单文件 XML 工具，双击 index.html 即可使用，无需安装、无需后端、无任何外部依赖。

功能特性

• 📂 导入 XML：支持点击选择文件、拖拽上传、粘贴 XML 文本，或从 URL 导入（RSS / Atom / sitemap / API 均可）。
• 🧹 结构化校验：基于浏览器原生 DOMParser 解析，解析失败时展示错误描述并支持就地编辑重试。
• 🌳 按层级展开 / 折叠：树形视图展示嵌套结构，支持：
  • 点击任意元素行就地折叠或展开；
  • 工具栏一键「展开 / 折叠」；
  • 按层级展开：仅根、1 层、2 层、3 层。
• 🏷️ 完整 XML 语义：元素、属性、文本、CDATA、注释均有着色展示；空元素 <tag/>、纯文本元素 <tag>文本</tag> 单行展示。
• 📋 所有文本字段均可复制（鼠标悬停显示按钮）：
  • 复制标签名（点击标签）、属性名 / 属性值（点击属性）；
  • 复制文本内容（点击文本）；
  • 复制元素的 XPath 路径（如 /bookstore/book[2]/title）；
  • 复制整个节点的 XML；
  • 一键复制全部 XML。
• 🎨 语法着色（标签 / 属性 / 文本 / CDATA / 注释）、深浅色主题切换、自适应移动端。
• 📊 实时统计：文件大小、节点数、最大深度。

使用方式

直接用浏览器打开 index.html 即可：

open index.html        # macOS
# 或拖入浏览器

点击「示例」可快速体验效果。

技术说明

• 单一 HTML 文件，原生 HTML / CSS / JavaScript，零依赖、零构建步骤。
• 所有解析与渲染均在浏览器本地完成，不上传任何数据。

在线访问

已通过 GitHub Pages 部署，可直接访问：

🔗 https://blog.wangruofeng007.com/xml-viewer/