在线解析 JS/TS 代码,可视化展示 AST 语法树节点结构
这是浏览器端的 JS/TS 代码 AST 可视化工具,帮你理清抽象语法树的层级结构,学习 AST 相关知识,调试代码转译逻辑。
工具基于 Babel 解析引擎生成 AST,完全在浏览器本地完成解析,不需要将代码上传到外部服务器,展示完整的节点层级与属性。
当前仅支持解析 JavaScript 和 TypeScript 代码,不支持其他编程语言。后续可能会根据需求扩展支持范围。
当前不支持直接导出 JSON 格式的 AST 数据,仅支持在线浏览结构和属性。
建议解析代码不超过 500 行,代码过长会导致浏览器渲染卡顿。
遵循 Babel 生成 AST 的格式标准,和 ESTree 规范基本兼容。