UD5工具箱
Content-Visibility性能测试 - 长列表渲染对比
加载大量DOM元素，对比启用和不启用content-visibility: auto时的渲染时间和滚动体验。
智能内容感知裁剪 - 保护视觉主体
拖拽图片到此处 或 点击上传
支持 JPG / PNG / WebP / AVIF，最大 20MB
常见问题
智能内容感知裁剪通过分析图片的像素对比度和视觉显著性，自动识别图片中的视觉主体（如人物、建筑、产品等），并将裁剪框定位到主体所在区域。它使用边缘检测和局部对比度分析算法，模拟人眼对视觉焦点的感知，确保裁剪后主体完整保留，避免“切头去尾”的尴尬效果。
点击“智能感知定位主体”按钮后，工具会自动分析图片并将裁剪框移动到主体区域，同时短暂显示热力图展示检测到的视觉焦点。您可以在此基础上手动微调裁剪框的位置和大小，结合智能算法的便利性和人工判断的精准度，获得最佳裁剪效果。
支持自由比例以及多种预设比例：1:1（Instagram正方形）、4:3（传统照片）、16:9（YouTube缩略图）、9:16（Stories竖版视频）、3:4（Pinterest竖版）、2:3（经典摄影比例）。选择比例后裁剪框将锁定宽高比，确保输出尺寸精确匹配目标平台要求。
下载时工具使用Canvas渲染裁剪区域并以PNG无损格式输出，保留原始图片的像素质量。裁剪本身只是选取图片的一部分，不会对选中区域进行压缩或降质处理。输出图片的分辨率取决于裁剪区域在原始图片中覆盖的像素数。
完全支持移动端。工具针对触屏操作进行了优化：裁剪框手柄在移动端自动放大至44px以上的触摸目标，支持触摸拖动和捏合手势。界面采用响应式布局，在小屏幕设备上控制面板会自动移至图片下方，确保操作流畅。iOS Safari和Android Chrome均经过适配测试。
算法首先将图片缩小并转换为灰度图，然后对每个像素计算其周围邻域的局部对比度（方差）。高对比度区域通常对应边缘、纹理丰富的视觉主体。接着使用滑动窗口扫描整张图片，结合中心加权策略，找到显著性得分最高的区域作为智能裁剪位置。热力图直观展示了这一分析过程。
强制颜色模式模拟器 - Windows高对比度预览
渲染网页在Windows强制颜色模式下的样式，协助调试和适应系统高对比度主题。
同行评审检查清单 - 代码/文档质量维度
提供代码评审和文档评审的通用检查项，标出等级并生成评审报告。
简易字幕生成器 - WebVTT时间轴编辑
可视化为视频添加时间点字幕文本，导出标准WebVTT文件或JSON。
页面可见性检测演示 - Visibility API
实时显示当前页面可见状态，当切换标签页时记录时间并给出日志。
屏幕取色器API - 系统级像素颜色拾取
使用Eyedropper API激活系统取色器，拾取屏幕任意位置的颜色值。
Origin Trial 令牌解析器 - 查看实验性功能有效期
输入 origin trial token，解析出启用的特性、域名和过期时间。
色觉辨认测试图 - 石原假同色图挑战
显示一系列石原色觉测试图，框选所见数字，初步判断色觉异常。
公版电影搜索器 - 内置已进入公共领域片单
浏览或搜索已进入公共领域的经典电影列表，获取基本信息。
屏保风格时钟 - 浮动大字时间动画
全屏彩色时间显示，文字缓慢移动回弹，类似经典屏幕保护程序，可做桌面装饰。
跨时区会议规划器 - 滑块比对多城市时间
添加城市，拖动时间轴，直观查看各时区对应时间，找到公共可用段。
屏幕量角器与直尺 - 可拖拽测量角度
悬浮在页面上的虚拟直尺和量角器，可测量屏幕元素的角度和像素距离。
多语言文本对比器 - 同一文本各语种展示
输入一段文本，同时显示其在多种语言中的静态翻译对照，辅助语言学习。
焦点可见性检查 - :focus-visible样式测试
演示并测试:focus-visible伪类在不同输入模式下的表现，辅助无障碍设计。
人眼极限分辨率演示 - 角分辨测试
显示渐小条纹，测试你能分辨的最小视角，对照理论视网膜细胞密度。
屏幕分辨率检测工具 - 窗口/屏幕像素详情
实时显示当前浏览器窗口分辨率、屏幕分辨率、像素比(DPR)和色彩深度等信息。
开发图标搜索器 - Devicon的HTML复制
搜索各类编程语言、框架和工具的矢量图标，点击复制其HTML或SVG代码。
图片水印工具 - 在线添加文字/图片水印
纯前端图片水印添加工具，支持文字水印（自定义字体、颜色、透明度、旋转）和图片水印，保护图片版权。
回文检测器 - 判断词语/句子是否回文
在线检测输入的文本是否为正反读都相同的回文，忽略标点、空格和大小写。
戒指尺码测量 - 屏幕直径对照测圈号
将已有戒指放在屏幕圆圈上比对，或测量指围，转换为美/英/欧/中式号数。
会议时间投票 - 多选时段看交集
创建可选择的时间段，参与者勾选自己方便的时间，自动计算最佳交集。
模拟性能评分计算 - 根据网络/资源条件
设定FCP、LCP、CLS等指标值，模拟计算PageSpeed Insights得分估算。
历史事件时间线制作 - 自定义条目生成横向轴
输入事件名称与年代，自动生成美观的横向时间轴图，打印用于学习展示。
文字背景模糊玻璃 - 应用在任意文本上的毛玻璃
让文字拥有磨砂背景，可视化调整模糊度和颜色，输出CSS backdrop-filter代码。
极简世界时钟 - 可添加城市实时显示
搜索并添加多个城市，显示当前时间与日期，适合远程团队。
内容可见性优化提示 - content-visibility
分析页面结构，提示哪些长列表区域适合添加content-visibility: auto优化。
Origin Trial 令牌解析与测试器 - 新特性试用
验证 Origin Trial 令牌的有效性与作用域，显示令牌启用的实验功能列表及过期时间。
SQL格式化与关键字高亮 - 多种方言支持
将压缩的SQL语句按标准缩进美化，关键字高亮，兼容MySQL/PostgreSQL等方言。
评分量表计算器 - 多维度加权评分
为每个评分维度设定权重与分值，输入各维度得分，自动计算加权总分，用于项目评估。
网页字体实时预览 - 输入Google Font名即时应用
输入字体名或从列表选择，在示例文本上立刻看效果，获得@import代码。