MutationObserver 游乐场 - DOM变动实时记录
观察目标节点的添加、删除、属性变更,日志可视化展示,调试动态DOM的利器。
UD5工具箱
观察目标节点的添加、删除、属性变更,日志可视化展示,调试动态DOM的利器。
显示当前AudioContext的状态、采样率和输出延迟,并允许一键挂起或恢复。
开启检测后持续记录超过 50ms 的长任务,列出其持续时间和来源,帮助优化 INP。
添加股票代码、加密货币或自定义资产,手动输入价格或获取公开API(演示)以追踪变化。
监听copy/cut/paste事件,显示传输的数据类型与内容片段,洞察页面剪贴板交互。
记录页面交互触发的所有DOM事件及其目标、冒泡阶段,以日志和瀑布形式展示。
模拟接收浏览器发送的 CSP 违规、网络错误等报告,格式化为可读卡片,了解前端监控最佳实践。
显示当前页面的JavaScript堆内存快照和使用限制,辅助内存泄漏调试。