轻量级网速测试 - 下载/上传速度与延迟
通过下载和上传小文件测量当前网络带宽与延迟,无需 Flash 或插件。
局域网速度估测 - 文件传输时间模拟
根据已知带宽或手动输入,估算传输指定大小文件所需时间。
文件下载时间计算器 - 网速与文件大小
输入文件大小和网络速度,计算预计下载时长。
文件传输时间计算器 - 带宽换算
输入文件大小和网络带宽,估算上传或下载所需的时间。
视频码率计算器 - 文件大小与时长
输入视频文件大小和时长,计算平均视频/音频码率,辅助视频压缩决策。
Service Worker生成器 - 基础缓存策略配置
选择缓存策略(Network First, Cache First等),填写预缓存文件列表,生成sw.js文件。
语义版本范围测试器 - 检查版本是否满足约束
输入目标版本和范围表达式(如 ^1.2.3),判断是否匹配,帮助理解依赖解析规则。
HTTP/2 Server Push 分析器 - 检查推送资源与缓存
模拟服务器推送资源,展示推送的资源和缓存行为,帮助优化 HTTP/2 策略。
文件大小单位换算 - Bytes/KB/MB/GB/TB互转
输入数值,即时在字节、千字节、兆字节等之间转换。
LL(1) 分析表生成器 - 上下文无关文法解析
输入 CFG,计算 FIRST/FOLLOW 集并生成 LL(1) 分析表,标注冲突。
任务批处理计划表 - 按情境分组
将相似任务拖动到同一批次,安排连续的专注时段批量处理,减少切换成本。
设备内存 (deviceMemory) 检测器 - 前端按需降级
显示navigator.deviceMemory数值,并给出基于内存的代码分割与功能降级建议。
SVG环形进度条生成器 - 绘图进度圈
设定百分比、颜色和粗细,生成环形SVG进度条代码,可增加动画。
文字网格对齐器 - 等宽字体列排版
使用空格填充,将文本按指定的列宽左对齐、右对齐或居中对齐,适合纯文本报表。
多设备同步预览框架 - iframe并排
输入URL,在同一个页面上并排显示手机/平板/桌面三种尺寸的实时预览。
小费分配计算器 - 按工时/等级拆分
将总小费按照各员工工时或权重比例公平分配,适合餐饮服务行业。
浏览器存储配额估算器 - 检查剩余可用空间
调用 StorageManager API 获取当前源的总配额和使用量,显示剩余可用空间。
图片格式质量对比器 - PNG/JPEG/WebP/AVIF 主观评测
上传一张图片,同时压缩为多种格式并调整质量,并排比较细节与文件大小,选择最佳格式。
Storage Buckets API 实验室 - 分区存储策略
创建多个存储桶,分别设置持久化与配额策略,管理不同业务数据的存储优先级与驱逐顺序。
scheduler.postTask优先级演示 - 用户交互优先
使用scheduler.postTask API安排不同优先级的任务,并观察执行顺序。
屏幕像素密度计算器 - 尺寸与分辨率求PPI
输入屏幕尺寸与宽高像素,计算每英寸像素数(PPI),比较设备细腻度。
安全响应头检测 - HSTS/CSP/X-Frame等
输入URL,检测其是否包含常见安全增强的HTTP响应头并给出评分。
Dockerfile 在线检查器 - 最佳实践与优化建议
粘贴 Dockerfile 内容,检查常见问题如层数过多、未使用特定用户、标签缺失等。
Unicode字符表 - 在线浏览与复制符号
按区块浏览Unicode字符,支持搜索和点击复制,覆盖拉丁、数学符号、箭头等常用区块。
表单错误摘要组件生成器 - 顶部汇总与聚焦
为表单设计全局错误摘要区,当提交出错时自动生成错误链接并聚焦,符合 WCAG 3.3.1。
Webpack 配置向导 - 问答式生成配置文件
通过交互式问答选择入口、输出、Loaders 和 Plugins,生成 webpack.config.js。
斯特鲁色词测验 - 字义与颜色冲突判断
显示用颜色书写的颜色词,要求选择实际文字颜色,测抑制能力。
CSS 级联层 (@layer) 优先级可视化 - 层叠顺序对比
将CSS规则分配到不同@layer,并可视化展示最终生效声明及其来源层级,深入理解级联。
滚动进度条生成 - 页面阅读指示器
生成固定在页面顶部或底部的滚动进度条,显示当前阅读进度。
黄金比例计算器 - 在线斐波那契比例尺
输入一个数值,快速计算其黄金分割长边和短边,用于版式设计、图形比例参考。
UD5工具箱