UD5工具箱
Idle Detection API 沙盒 - 检测用户是否离开
请求权限并使用 Idle Detection API，根据用户空闲或锁屏状态触发行为。
交互与手势设计
共 12+ 款工具Selection API 浏览器 - 获取选中文本与位置信息
选中页面文字后，显示选区的起止偏移、矩形边界、包含节点等详细信息。
自定义滚动条交互演示 - 模拟滚动事件处理
构建自定义滚动条控件，与原生滚动关联，展示 wheel、scroll 事件的细节。
触摸压力可视化演示 - 3D Touch/Force
在支持设备上检测触摸事件的force属性，实时展示压力大小与半径，辅助触觉交互开发。
指针锁定 API 演示 - 鼠标消失与无限移动
点击区域锁定鼠标指针，获取相对位移量，适用于 3D 视角或游戏控制。
触摸滑动手势方向检测 - 上下左右拖动识别
在触摸区域内滑动，实时检测方向（上/下/左/右）并记录距离和速度，用于交互调试。
HTML 拖放 API 演示 - 文件与元素拖拽交互
通过实例展示原生拖放 API 的使用，包括文件拖拽上传和页面元素排序功能。
粘贴事件处理演示 - 监听并解析剪贴板内容
捕捉页面粘贴事件，展示文本、HTML 或图片数据，演示如何定制粘贴行为。
beforeunload 事件演示 - 页面离开确认对话框
激活 beforeunload 事件，尝试刷新或关闭标签页时会弹出浏览器确认提示，展示实现方式。
触摸手势区域训练器 - 识别滑动/捏合等手势
在指定区域内练习双指捏合、旋转、滑动等手势，并显示识别到的手势类型和参数。
DataTransfer 对象构建器 - 模拟拖放数据
创建自定义 DataTransfer 对象，设置数据和拖拽效果，可用于测试拖放事件处理。
指针事件实验田 - 鼠标/笔/触摸统一模型
区分不同输入设备类型，查看各指针事件的属性差异，理解统一指针模型。