A/B测试显著计算检验 - 转化率对比
输入两组样本的访问量和转化数,计算P值并判断统计学显著性。
CSS缓动函数生成器 - Cubic-Bezier曲线编辑
直观拖拽曲线控制点,生成CSS transition/animation的cubic-bezier()值,并即时播放动画效果预览。
表单标签关联验证器 - 检查 label 与 input 的配对
分析表单 HTML,检查是否每个 input 都有正确关联的 label,并指出使用 aria-label 的替代情况。
XSS 过滤器测试沙盒 - 输入转义与过滤演示
输入可能的攻击向量,选择不同的转义或过滤策略,实时查看是否被安全处理,教育安全开发。
ResizeObserver演示 - 响应元素尺寸变化
拖拽改变一个div的大小,通过ResizeObserver API实时显示其新的宽度和高度。
z-index层级可视化 - 拖拽相互遮挡关系
添加多个色块拖拽顺序,直观表现层叠上下文与z-index值。
滚动深度追踪器 - 测量用户阅读百分比
记录用户在页面上的最大滚动深度(25%、50%、75%、100%),并生成可视化热图。
波的干涉图样生成器 - 双源波长颜色调节
调节两列波的频率、波长和位置,实时观看水面波干涉形成的明暗条纹图案。
代码行数统计工具 - 忽略注释空行
粘贴代码,计算总行数、有效代码行数、注释行数和空行数。
代码语言检测工具 - 根据语法特征推断编程语言
粘贴代码片段,基于关键字和语法模式自动推断编程语言,适合未命名文件的快速识别。
CIELAB颜色转换 - LAB与RGB/HEX互转
在线将LAB色彩空间值与RGB/HEX进行转换,辅助印刷和设计校色。
结构化数据代码快速检查 - 验证 JSON-LD 语法与必填属性
粘贴 JSON-LD 代码,校验语法并提示常见类型的必填属性缺失,辅助 SEO 调试。
基础风格迁移演示 - 载入预训练小型模型
利用预训练的轻量变换网络在浏览器中简单演示将图片转换成特定风格。
采样定理演示 - 欠采样与混叠现象
调节采样频率,观察对正弦波的离散采样和重建效果,演示欠采样导致的频率混叠。
被动事件监听检测 - 滚动性能检查
检测页面touchstart和wheel事件是否使用passive:true,避免移动端滚动延迟。
涂黑诗生成器 - 从报纸文章中选字
粘贴一段文本,涂黑不用单词,保留部分文字组成一首再生诗词。
颜色名称查找工具 - HEX与命名颜色互转
输入颜色值查找对应的CSS颜色名称,或浏览所有命名颜色及其色值,提升设计效率。
戒指尺寸测量器 - 屏幕虚拟量圈
将已有戒指放在屏幕上对照圆圈,或测量手指周长以确定戒指码数。
渐变指针取色器 - 从渐变条上精确取中间色
设置渐变两端颜色,鼠标滑过渐变条显示任意位置的精确十六进制色。
点击劫持测试页面 - 检测 X-Frame-Options 缺失
尝试将目标 URL 加载到 iframe 中,检测是否缺少点击劫持防护头,并展示风险。
S-Record/HEX转二进制 - 固件文件查看器
解析Motorola S-Record或Intel HEX格式的固件文件,提取显示原始数据块。
Handlebars 模板在线测试 - 输入数据和模板渲染
编写 Handlebars 模板并提供 JSON 数据,即时渲染结果,支持 helpers 自定义,纯前端执行。
Webmention发送测试 - 手动Ping引用
输入源页和引用页URL,构造Webmention请求通知被引用页面,演示独立博客协议。
CSS 容器查询演示 - @container 根据父元素响应
设置容器宽度阈值,改变容器大小观察组件内部样式的变化,学习容器查询用法。
Web 字体优化建议器 - 分析字体加载对性能的影响
输入网页 URL,检测所用 Web 字体,评估加载策略并给出优化建议。
robots.txt 测试模拟器 - 验证爬虫规则
输入网站robots.txt内容与用户代理,测试指定URL是否被允许抓取,SEO优化辅助。
振动API测试工具 - 手机马达振动模式调试
使用Vibration API控制设备振动,测试短振、长振和模式振动,验证触觉反馈。
数字滤波器设计器 - 低通/高通/带通
在Canvas上绘制理想频率响应,并应用简单FIR滤波器对合成信号进行滤波,听音效对比。
暖气片热量计算器 - 房间大小与BTU推荐
输入房间面积、窗户数与保温条件,估算所需暖气片的热输出功率。
增强版字数统计器 - 中英日韩混合精确计数
支持多语言字符分割,准确统计汉字、英文单词、日文假名数量,并评估社交媒体发文长度。
UD5工具箱