画当前页面的DOM结构简图

贴一段HTML，3分钟拿到清晰的DOM结构树状图。根据HTML代码片段生成DOM树状结构示意图，用于前端调试与新人教学；不替代浏览器开发者工具，不保证运行时行为。

能拿到什么

• 推荐：一张清晰的DOM树状结构示意图PNG，节点带标签和属性注释（树状图，圆角矩形节点，父子连线，右侧小字注明静态结构示意），约 3 分钟
• 旗舰：DOM结构树状图、带注释版结构图、对比版结构图

要你点选的几项

HTML代码、用在哪、上传HTML文件、风格、色调、画面比例、要几版。多数点一下就行，没选的按常见情况替你定，交付时说清哪几项是按默认的。

怎么办

1. 粘贴或上传HTML代码
2. 选风格、色调和比例
3. 点生成，下载PNG

别人还这样说

• 帮我把这段HTML画成树形图
• 页面结构太乱，想看一眼DOM层级