戒指尺码测量 - 屏幕直径对照测圈号
将已有戒指放在屏幕圆圈上比对,或测量指围,转换为美/英/欧/中式号数。
屏幕取色器API - 系统级像素颜色拾取
使用Eyedropper API激活系统取色器,拾取屏幕任意位置的颜色值。
强制颜色模式测试器 - Windows 高对比度预览
激活 forced-colors: active 模拟,观察页面在系统高对比度主题下的渲染效果。
屏幕量角器与直尺 - 可拖拽测量角度
悬浮在页面上的虚拟直尺和量角器,可测量屏幕元素的角度和像素距离。
打印媒体查询模拟器 - 实时切换屏幕与打印视图
一键切换当前页面的 media 类型为 screen 或 print,方便调试打印样式。
强制颜色模式模拟器 - Windows高对比度预览
渲染网页在Windows强制颜色模式下的样式,协助调试和适应系统高对比度主题。
简易字幕生成器 - WebVTT时间轴编辑
可视化为视频添加时间点字幕文本,导出标准WebVTT文件或JSON。
屏幕捕获演示 - getDisplayMedia API 实时预览
调用屏幕共享 API,捕获整个屏幕或窗口并在页面内实时显示,可用于录制演示。
文字背景模糊玻璃 - 应用在任意文本上的毛玻璃
让文字拥有磨砂背景,可视化调整模糊度和颜色,输出CSS backdrop-filter代码。
屏保风格时钟 - 浮动大字时间动画
全屏彩色时间显示,文字缓慢移动回弹,类似经典屏幕保护程序,可做桌面装饰。
焦点可见性检查 - :focus-visible样式测试
演示并测试:focus-visible伪类在不同输入模式下的表现,辅助无障碍设计。
Web 字体测试小书签 - 在任意页面预览 Google Fonts
生成一个书签工具,点击后在当前页面动态加载任何 Google 字体并应用到所选文字。
网页正文提取器 - 清理导航和广告
粘贴HTML或URL,基于算法检测并抽取文章的主体内容,去除侧边栏和广告。
人眼极限分辨率演示 - 角分辨测试
显示渐小条纹,测试你能分辨的最小视角,对照理论视网膜细胞密度。
文本内联差异高亮器 - 单词级变更对比
比较两段文本,在单词级别高亮新增、删除和修改的部分,类似 Google Docs 修订。
WebGL 纹理加载演示 - 多种格式与过滤对比
加载不同格式的纹理,并切换纹理过滤方式,观察渲染质量和性能。
Content-Visibility性能测试 - 长列表渲染对比
加载大量DOM元素,对比启用和不启用content-visibility: auto时的渲染时间和滚动体验。
页面可见性检测演示 - Visibility API
实时显示当前页面可见状态,当切换标签页时记录时间并给出日志。
SVG转PDF工具 - 矢量图形直接嵌入
将SVG内容无损转换为PDF文件,保持矢量性质,支持打印和分享。
水晶矿石识别助手 - 颜色透明度名称对照
选择颜色、透明度等特征,缩小可能的水晶种类范围并展示图片。
邮件背景图支持检测 - HTML Email中背景图兼容性
展示各种邮件客户端对CSS背景图片、VML背景的支持程度,附兼容代码。
多事件倒计时看板 - 同时显示多个纪念日天数
添加生日、考试、节假日等事件,看板展示精确到秒的剩余时间,一目了然。
倒计时时钟 - 单事件大屏全屏显示
设定目标日期时,全屏显示剩余天时分秒,纯黑背景,适合大屏幕。
智能内容感知裁剪 - 保护视觉主体
利用简单的边缘检测或熵分析,自动将图片裁剪到保留视觉主体的大小。
网页字体实时预览 - 输入Google Font名即时应用
输入字体名或从列表选择,在示例文本上立刻看效果,获得@import代码。
内容重复度检测器 - 两篇文章比对
比较两篇文本的相似度百分比,并高亮相同句子,避免重复内容惩罚。
回文检测器 - 判断词语/句子是否回文
在线检测输入的文本是否为正反读都相同的回文,忽略标点、空格和大小写。
考试专用倒计时器 - 大屏显示
适合考场或自习的极简全屏倒计时,无干扰声,可选结束前提醒。
历史事件时间线制作 - 自定义条目生成横向轴
输入事件名称与年代,自动生成美观的横向时间轴图,打印用于学习展示。
内容可见性优化提示 - content-visibility
分析页面结构,提示哪些长列表区域适合添加content-visibility: auto优化。
UD5工具箱