JSON Schema生成器 - 从JSON数据推断结构
结构化数据代码快速检查 - 验证 JSON-LD 语法与必填属性
粘贴 JSON-LD 代码,校验语法并提示常见类型的必填属性缺失,辅助 SEO 调试。
XML结构校验器 - 嵌套闭合与属性检查
检查XML的格式正确性,报告错误的标签闭合和属性缺失。
代码语言检测工具 - 根据语法特征推断编程语言
粘贴代码片段,基于关键字和语法模式自动推断编程语言,适合未命名文件的快速识别。
代码行数统计工具 - 忽略注释空行
粘贴代码,计算总行数、有效代码行数、注释行数和空行数。
WebSocket 消息检查器 - 拦截并可视化收发数据
代理 WebSocket 连接,实时拦截并展示所有文本/二进制消息,支持过滤和搜索。
SQLite WebAssembly 浏览器端演示 - 离线数据库
在浏览器中运行完整的SQLite数据库,创建表、插入查询数据,体验客户端强大的SQL能力。
WebSocket 消息构建器 - 编辑并发送文本/二进制帧
连接到 WebSocket 端点,自定义消息内容(JSON、文本、ArrayBuffer)并发送,查看响应。
XSS 过滤器测试沙盒 - 输入转义与过滤演示
输入可能的攻击向量,选择不同的转义或过滤策略,实时查看是否被安全处理,教育安全开发。
Datalist 自动建议增强演示 - 动态数据源
演示如何动态更新 datalist 选项以实现搜索建议,并处理键盘选择。
CSS 容器查询演示 - @container 根据父元素响应
设置容器宽度阈值,改变容器大小观察组件内部样式的变化,学习容器查询用法。
颜色变量命名工具 - 语义化名称建议
输入颜色十六进制值,根据色相和明度给出类似`--color-primary-500`的命名建议。
Webmention发送测试 - 手动Ping引用
输入源页和引用页URL,构造Webmention请求通知被引用页面,演示独立博客协议。
Webhook载荷美化器 - JSON/XML自动缩进
粘贴原始Webhook请求体,自动识别并格式化,便于阅读调试。
组件预览沙盒 - 隔离测试 React/Vue 组件
在一个隔离环境中渲染单个组件,调整 props 查看变化,类似于 Storybook 的轻量替代。
WebSocket压力测试 - 并发连接发送
配置WebSocket地址,模拟多个并发连接,发送自定义消息并记录响应延迟。
CSS缓动函数生成器 - Cubic-Bezier曲线编辑
直观拖拽曲线控制点,生成CSS transition/animation的cubic-bezier()值,并即时播放动画效果预览。
采样定理演示 - 欠采样与混叠现象
调节采样频率,观察对正弦波的离散采样和重建效果,演示欠采样导致的频率混叠。
Go 语言 WebAssembly 演练 - 编译 Go 代码到浏览器运行
编写 Go 代码并在线编译为 WASM,在浏览器中调用并显示输出。
神经网络游乐场扩展版 - 自定义激活函数与架构
拖拽构造多层感知机,调整学习率和激活函数,实时观察分类任务训练过程,入门深度学习。
增强版字数统计器 - 中英日韩混合精确计数
支持多语言字符分割,准确统计汉字、英文单词、日文假名数量,并评估社交媒体发文长度。
Generator 与迭代器演示 - 暂停/恢复执行过程
编写 generator 函数,逐步 next() 并显示每次 yield 的值和状态,理解惰性求值。
WebSocket在线测试工具 - 连接/发送消息调试
输入WebSocket服务地址,建立连接,发送和接收消息,方便调试实时通信应用。
SVG转JSX组件生成器 - 自动化React SVG
粘贴SVG代码,将其转换为可复用的React组件,注意驼峰属性名和自闭合标签。
SVG转React组件 - 自动生成JSX代码
粘贴SVG代码,自动转换为React函数组件格式,处理属性名驼峰化。
z-index层级可视化 - 拖拽相互遮挡关系
添加多个色块拖拽顺序,直观表现层叠上下文与z-index值。
ResizeObserver演示 - 响应元素尺寸变化
拖拽改变一个div的大小,通过ResizeObserver API实时显示其新的宽度和高度。
点击劫持测试页面 - 检测 X-Frame-Options 缺失
尝试将目标 URL 加载到 iframe 中,检测是否缺少点击劫持防护头,并展示风险。
颜色名称查找工具 - HEX与命名颜色互转
输入颜色值查找对应的CSS颜色名称,或浏览所有命名颜色及其色值,提升设计效率。
基础风格迁移演示 - 载入预训练小型模型
利用预训练的轻量变换网络在浏览器中简单演示将图片转换成特定风格。
修辞手法Bingo - 阅读时勾选发现的修辞格
随机生成含比喻、拟人等修辞格的Bingo卡,在阅读文章时标记。
UD5工具箱