UD5工具箱
DOM 插入性能基准测试 - innerHTML vs createElement vs DocumentFragment
比较不同 DOM 插入方法的执行速度，可视化渲染耗时，帮助选择最优动态内容更新策略。
标签： DOM 结构检查
共 9+ 款工具DOM 重排/重绘触发器测试 - 性能影响可视化
执行各种属性修改，可视化显示哪些操作触发回流或重绘，帮助编写高性能代码。
DOM样式实时编辑 - 仅预览不修改
输入CSS选择器和属性值，瞬间预览在当前页面元素上的效果（不改变实际样式）。
DOM元素截图工具 - 指定区域导出图片
选中页面上的某个HTML元素，利用html2canvas将其渲染为PNG图片下载。
DOM 变更性能分析器 - 记录并统计重排重绘
开启监听后操作页面，统计 DOM 变化次数和频率，帮助定位布局抖动。
DOM事件监控器 - 实时录制显示触发事件
记录页面交互触发的所有DOM事件及其目标、冒泡阶段，以日志和瀑布形式展示。
MutationObserver 游乐场 - DOM变动实时记录
观察目标节点的添加、删除、属性变更，日志可视化展示，调试动态DOM的利器。
HTML节点统计器 - 按标签名计数
输入HTML代码，统计每种标签的出现次数，发现冗余结构。
DOM变动观察器 - 监听节点变化
配置监听目标，实时显示DOM节点的增删改及属性变化，辅助AJAX内容调试。