WebSocket压力测试 - 并发连接发送
配置WebSocket地址,模拟多个并发连接,发送自定义消息并记录响应延迟。
WebSocket 消息构建器 - 编辑并发送文本/二进制帧
连接到 WebSocket 端点,自定义消息内容(JSON、文本、ArrayBuffer)并发送,查看响应。
Webmention发送测试 - 手动Ping引用
输入源页和引用页URL,构造Webmention请求通知被引用页面,演示独立博客协议。
WebSocket 消息检查器 - 拦截并可视化收发数据
代理 WebSocket 连接,实时拦截并展示所有文本/二进制消息,支持过滤和搜索。
XSS 过滤器测试沙盒 - 输入转义与过滤演示
输入可能的攻击向量,选择不同的转义或过滤策略,实时查看是否被安全处理,教育安全开发。
网络在线离线检测器 - 实时监听连接状态
实时显示当前网络连接状态,监听online/offline事件,帮助用户判断断网原因。
CSS 容器查询演示 - @container 根据父元素响应
设置容器宽度阈值,改变容器大小观察组件内部样式的变化,学习容器查询用法。
点击劫持测试页面 - 检测 X-Frame-Options 缺失
尝试将目标 URL 加载到 iframe 中,检测是否缺少点击劫持防护头,并展示风险。
组件预览沙盒 - 隔离测试 React/Vue 组件
在一个隔离环境中渲染单个组件,调整 props 查看变化,类似于 Storybook 的轻量替代。
XML结构校验器 - 嵌套闭合与属性检查
检查XML的格式正确性,报告错误的标签闭合和属性缺失。
DOM变动观察器 - 监听节点变化
配置监听目标,实时显示DOM节点的增删改及属性变化,辅助AJAX内容调试。
颜色变量命名工具 - 语义化名称建议
输入颜色十六进制值,根据色相和明度给出类似`--color-primary-500`的命名建议。
SQLite WebAssembly 浏览器端演示 - 离线数据库
在浏览器中运行完整的SQLite数据库,创建表、插入查询数据,体验客户端强大的SQL能力。
Handlebars 模板在线测试 - 输入数据和模板渲染
编写 Handlebars 模板并提供 JSON 数据,即时渲染结果,支持 helpers 自定义,纯前端执行。
JSON Schema生成器 - 从JSON数据推断结构
粘贴JSON示例数据,自动分析并生成对应的JSON Schema,支持类型推断和必填标记。
颜色名称查找工具 - HEX与命名颜色互转
输入颜色值查找对应的CSS颜色名称,或浏览所有命名颜色及其色值,提升设计效率。
波的干涉图样生成器 - 双源波长颜色调节
调节两列波的频率、波长和位置,实时观看水面波干涉形成的明暗条纹图案。
数字滤波器设计器 - 低通/高通/带通
在Canvas上绘制理想频率响应,并应用简单FIR滤波器对合成信号进行滤波,听音效对比。
代码语言检测工具 - 根据语法特征推断编程语言
粘贴代码片段,基于关键字和语法模式自动推断编程语言,适合未命名文件的快速识别。
ResizeObserver演示 - 响应元素尺寸变化
拖拽改变一个div的大小,通过ResizeObserver API实时显示其新的宽度和高度。
颜色代码转换工具 - RGB,HEX,HSL,HSV互转
在线颜色格式转换器,实现RGB、HEX、HSL、HSV等颜色代码互相转换,实时预览颜色效果。
SVM 决策边界可视化 - 交互式支持向量机演示
添加二维点并选择核函数,直观展示SVM决策边界与支持向量,理解最大间隔分类原理。
被动事件监听检测 - 滚动性能检查
检测页面touchstart和wheel事件是否使用passive:true,避免移动端滚动延迟。
缓动函数沙盒 - 自定义贝塞尔及steps试玩
可视化调整cubic-bezier和steps()缓动,并可实时看到动画球左右移动。
Go 语言 WebAssembly 演练 - 编译 Go 代码到浏览器运行
编写 Go 代码并在线编译为 WASM,在浏览器中调用并显示输出。
采样定理演示 - 欠采样与混叠现象
调节采样频率,观察对正弦波的离散采样和重建效果,演示欠采样导致的频率混叠。
振动API测试工具 - 手机马达振动模式调试
使用Vibration API控制设备振动,测试短振、长振和模式振动,验证触觉反馈。
代码行数统计工具 - 忽略注释空行
粘贴代码,计算总行数、有效代码行数、注释行数和空行数。
机器人变声效果 - Web Audio 录制添加特效
录制一段音频,实时添加机器人、外星人、回声等音效并下载,不依赖服务器。
Datalist 自动建议增强演示 - 动态数据源
演示如何动态更新 datalist 选项以实现搜索建议,并处理键盘选择。
UD5工具箱