压缩流API演示 - 实时gzip/brotli压缩
使用CompressionStream和DecompressionStream对文本进行实时的gzip或brotli压缩与解压。
ZIP文件浏览与提取 - 查看内部文件列表
上传ZIP,列出包含的文件名,支持在线预览文本类文件内容。
加密媒体扩展演示 - EME 播放 DRM 内容示意
模拟 Encrypted Media Extensions 流程,展示如何请求许可证并播放受保护视频。
滚动捕捉沙盒 - CSS Scroll Snap实验
调整滚动容器和子项的对齐方式、停止点,观察CSS Scroll Snap平滑滑动效果。
WebSocket 压缩扩展演示 - permessage-deflate 效果
建立带压缩扩展的 WebSocket 连接,对比压缩前后消息大小。
Sass Mixin生成器 - 常用代码块模板
选择常用模式(如响应式断点、flex居中、省略号),生成对应Sass Mixin代码。
CI/CD流水线可视化编辑器 - 阶段与任务设计
拖拽构建阶段与任务,配置触发条件,生成对应的GitLab CI或GitHub Actions YAML代码。
视频字幕烧录工具 - 将 SRT 嵌入视频画面
上传视频和 SRT 字幕文件,将字幕永久烧录到视频中,支持调整字体和位置。
加载动画合集 - 数10种纯CSS Spinner预览
浏览数十种纯CSS加载旋转器,点击复制代码或自定义颜色尺寸,节省开发时间。
CSS 动画曲线编辑器 - 贝塞尔可视化重定义
拖动曲线手柄调整动画缓动,实时预览弹跳或淡入效果,生成cubic-bezier值。
预加载扫描器模拟 - 查看浏览器如何提前发现资源
输入 HTML,模拟浏览器的预加载扫描器,列出将提前请求的资源。
Details/Summary 手风琴效果生成 - 纯HTML折叠面板
无需JavaScript,构建纯HTML5折叠面板,添加自定义图标与动画样式,输出语义化代码。
CTF 杂项编解码工具箱 - 丰富格式按层解开
集成ASCII/Hex/Base家族/Quoted-Printable/UUencode等多种编码一键互转,支持智能识别与链式解码。
内容感知缩放演示 - 缝线消除缩小图片
使用Seam Carving算法逐步移除图片中不重要的像素线以缩小尺寸,前端模拟教学。
图像隐写解码器 - 最低有效位LSB提取
上传疑似隐写图片,提取每个像素的最低位,尝试恢复隐藏的文本或数据。
RAML 在线预览器 - API设计文件可视化
编辑RAML定义,实时渲染资源结构、方法及响应示例,适合REST API设计初期。
Helm Values 在线编辑器 - 可视化修改部署参数
上传或选择 Chart,在 Web 界面编辑 values.yaml,实时预览生成的 Kubernetes 清单。
Avro Schema 在线编辑器 - 数据序列化格式设计
可视化编辑Apache Avro方案,支持字段嵌套与联合类型,实时生成对应的JSON示例数据以供验证。
HTTP请求时序图生成器 - 瀑布图分析
手动输入多个请求的起止时间,绘制并发请求时序瀑布图,模拟Web性能优化。
SVG转Data URI内联 - 优化后可直接用于CSS
粘贴SVG代码,压缩并编码为data URI,用于background-image或img。
iCalendar解析预览 - ics文件内容查看
上传或粘贴ics日历文件,以可读列表形式展示所有事件、待办事项和提醒。
JWT手动解码器 - 无须库解析Header与Payload
粘贴JWT,自动Base64解码并显示明文Header和Payload。
纯CSS下拉菜单生成器 - 无限层级嵌套
构建无需JavaScript的多层级下拉菜单,提供HTML结构和CSS样式代码。
Open Graph 标签在线调试器 - 富媒体预览模拟
输入URL提取OG标签,模拟Facebook/Twitter/LinkedIn卡片显示效果,优化链接分享。
请求节流演示器 - 滑块/桶算法可视化
动画展示滑动窗口和令牌桶算法如何限制API请求速率,对比两者差异。
Storage Buckets API 演示 - 分离存储空间与策略
创建多个存储桶并设置不同的持久化策略,管理数据生命周期。
UUEncode编码解码工具 - 经典Unix文本转送格式
在线UUEncode与UUDecode,文本与二进制转换的古老编码,兼容Unix传送历史格式。
视频字幕合并器 - 将SRT嵌入视频前端
添加本地视频和SRT字幕文件,预览并生成带硬字幕的新视频文件。
BLAKE2哈希在线计算 - 更快替代MD5/SHA
计算文本或文件的BLAKE2b/BLAKE2s哈希值,比MD5更安全,比SHA更快,纯前端JS库实现。
JavaScript格式化工具 - 在线JS代码美化/压缩
在线JavaScript代码格式化与压缩,支持缩进美化、变量混淆压缩,适用于前端调试和发布优化。
UD5工具箱