跳到主要内容

Schema Element Editor

Chrome 浏览器扩展插件,用于实时查看和编辑 DOM 元素的 Schema 数据

快速入门 →

核心功能

  • 01

    Agentic UI 开箱即用

    Agentic UI 已集成插件支持,开发环境下可直接调试 Bubble 组件数据

  • 02

    智能元素检测

    按住 Alt/Option 键自动检测和高亮目标元素,支持 iframe 和批量高亮

  • 03

    专业编辑器

    基于 CodeMirror 6,支持 AST 自动补全、JSON 智能修复、Markdown 解析

  • 04

    实时预览

    编辑时实时预览 Schema 效果,支持自定义预览组件

  • 05

    版本管理

    自动记录编辑历史,支持草稿保存和收藏管理

  • 06

    录制模式

    轮询检测 Schema 变化并记录快照,支持多版本 Diff 对比