Helm Values 在线编辑器 - 可视化修改部署参数
上传或选择 Chart,在 Web 界面编辑 values.yaml,实时预览生成的 Kubernetes 清单。
隐私政策生成器 - 适配GDPR/CCPA基础模板
选择网站类型与收集数据项,生成基础隐私政策HTML文本,符合主流法规框架。
Performance API 数据仪表盘 - 导航时序与资源统计
提取当前页面Performance API的navigation、resource与paint数据,可视化展示加载各阶段时长。
JSON 体积估算器 - 计算KB与压缩后尺寸
粘贴JSON,显示原始大小与模拟Gzip压缩后的大小。
HTTP请求时序图生成器 - 瀑布图分析
手动输入多个请求的起止时间,绘制并发请求时序瀑布图,模拟Web性能优化。
价格表组件生成器 - 推荐/对比卡片
自定义套餐名、价格、功能列表,生成对比式价格表UI的HTML/CSS代码。
WebSocket 压缩扩展演示 - permessage-deflate 效果
建立带压缩扩展的 WebSocket 连接,对比压缩前后消息大小。
绘制时机检测 - FP/FCP性能指标展示
通过PerformanceObserver获取首次绘制(FP)和首次内容绘制(FCP)时间。
Resource Timing 缓冲区管理 - 处理大量资源计时
设置资源计时缓冲区大小,监听 resourcetimingbufferfull 事件并处理。
页面生命周期事件演示 - freeze/resume等
展示页面从active到frozen等状态切换事件,记录日志,帮助理解浏览器优化机制。
FP-Growth 频繁模式挖掘演示 - 关联规则学习
输入交易清单,逐步可视化FP树的构建与频繁项集挖掘过程,理解购物篮分析算法。
Prometheus 指标解析器 - 文本格式转表格
粘贴 Prometheus 指标文本,解析为结构化表格,并支持基本过滤和排序。
Sitemap链接提取器 - 从XML解析所有URL
粘贴Sitemap XML内容,解析并列出所有包含的URL地址。
Data URL解析查看器 - 预览/下载/解构
粘贴以data:开头的链接,自动判断MIME类型并预览内容,或提供下载按钮。
CI/CD流水线可视化编辑器 - 阶段与任务设计
拖拽构建阶段与任务,配置触发条件,生成对应的GitLab CI或GitHub Actions YAML代码。
structuredClone 可转移对象演示 - 高性能深拷贝
对比结构化克隆与传统深拷贝,演示 ArrayBuffer 等可转移对象如何提升性能。
媒体类型 (MIME) 结构解析器 - 参数深度提取
解析诸如 `application/json; charset=utf-8` 的结构,分离类型、子类型与参数。
发票号规则生成器 - 时间+自增流水定制
设定前缀、日期格式与流水位数,批量生成规范发号器序列,适合个体商户。
凯撒密码自动破译 - 穷举显示所有可能
输入凯撒密文,自动展示25种位移的解密结果,方便快速查看明文。
SSE 服务端推送事件演示 - 接收实时数据流
连接示例 SSE 端点,展示服务器单向推送的实时数据流,并显示事件类型和数据。
Source Map 可视化分析模拟器 - 查看编译前后代码映射
上传或粘贴 source map 文件,展示原始代码与编译后代码的对应关系,辅助调试。
链接关系图谱生成 - 思维导图式网页
输入网址,抓取该页面上的出入链接并绘制成节点关系草图。
基数排序动画 - LSD方法逐步可视化
随机生成整数数组,逐步展示按低位优先进行的基数排序过程,辅助算法理解。
User-Agent 深度解析器 - 设备/OS/浏览器类型细分
解析任何User-Agent字符串,返回详细的设备类别、制造商、操作系统及浏览器/引擎版本信息。
活动结构化数据生成器 - 会议/演出信息标记
输入活动名称、日期、地点和票价,生成 Event 结构化数据,用于活动搜索结果。
记忆化(Memoization)函数演示 - 缓存结果对比
对一个耗时函数应用记忆化,展示相同输入下第二次调用速度的提升和缓存命中。
iCalendar解析预览 - ics文件内容查看
上传或粘贴ics日历文件,以可读列表形式展示所有事件、待办事项和提醒。
请求节流演示器 - 滑块/桶算法可视化
动画展示滑动窗口和令牌桶算法如何限制API请求速率,对比两者差异。
ZIP文件浏览与提取 - 查看内部文件列表
上传ZIP,列出包含的文件名,支持在线预览文本类文件内容。
Zstandard 压缩浏览器演示 - WASM 版本
利用编译为 WASM 的 Zstd 库在浏览器中压缩解压数据,展示比 Brotli 更快的压缩速度。
UD5工具箱