最新

假地址生成器增强版 - 符合当地格式

选择国家，生成符合当地格式的随机假地址，包括街道、城市、邮编和电话号码。

开发工具 假地址 数据 测试 隐私

最新

.gitignore 构建器 - 按语言/框架选择模板

勾选项目使用的语言和框架，合并生成完整的 .gitignore 文件内容。

Git gitignore 构建 模板 项目

最新

二进制文件十六进制查看器 - 上传文件检查字节

上传任何文件，以十六进制和 ASCII 对照形式显示文件字节内容，适合简单分析文件头。

分析 二进制 十六进制 文件 查看器

最新

Navigation API 演示 - 现代前端路由导航

使用新的 Navigation API 拦截导航、管理历史条目，构建类 SPA 体验。

JavaScript Navigation API 导航 演示 路由

最新

JSON转YAML工具 - 在线配置格式互换

粘贴JSON对象，一键转换为简洁的YAML格式，方便编写配置文件。

开发工具 JSON YAML 转换 配置

最新

屏幕唤醒锁测试器 - 保持常亮应用演示

请求Screen Wake Lock防止屏幕关闭，监听释放事件，适用于观看长内容等场景。

API API Wake Lock 屏幕常亮 电池

最新

CSS 伪类效果测试场 - 实时查看 :is() :where() :has()

编写带有伪类的选择器，实时高亮匹配的HTML元素，探索现代CSS选择器的能力。

CSS CSS :has 伪类 选择器

最新

Reporting API演示 - CSP/干预/崩溃报告

配置CSP违规报告和浏览器干预报告的端点，并显示产生的报告内容。

安全工具 Reporting API 安全 报告

HTML注释提取器 - 提取页面隐藏注释

粘贴HTML代码，自动提取所有 <!--注释--> 内容，方便查看遗留信息。

分析工具 HTML 提取 注释

WebSocket压力测试 - 并发连接发送

配置WebSocket地址，模拟多个并发连接，发送自定义消息并记录响应延迟。

开发工具 WebSocket 压力测试 并发

最新

CSS Transform 在线生成器 - 平移/旋转/缩放/倾斜 可视化

拖拽或输入数值组合多个 CSS transform 函数，实时观察元素变换效果并获取代码。

开发工具 CSS 动画 变换 生成器

最新

Emoji转Favicon - 选表情直接下载.ico

选择一个Emoji，自动生成适用于网站的Favicon.ico文件并下载。

图标 Emoji Favicon 图标 生成

最新

Web Vitals 本地模拟器 - LCP/FID/CLS面板

加载测试页面，实时显示Largest Contentful Paint等核心指标，了解加载体验。

开发工具 LCP Web Vitals 性能 模拟

最新

响应式字体计算器 - 最小/最大视口字号平滑缩放

设定最小与最大字体规格及视口范围，自动生成CSS clamp() 函数，实现流式排版。

开发工具 clamp 响应式 字体 计算

最新

Popover API 实例展示 - 无JS的弹出层构建

使用原生HTML Popover属性创建提示、菜单与对话框，展示四种触发方式及样式定制。

HTML API HTML Popover 弹出

最新

开源许可证兼容性检查器 - 混合项目合规指南

选择或输入多个开源许可证，查看它们组合在闭源或开源项目中的兼容性矩阵与义务。

合规 兼容性 合规 开源 许可证

最新

JSON 查询演练场 - JMESPath/JSONPath 即时评测

在可视化环境中编写JSONPath或JMESPath表达式，实时高亮匹配结果并查看路径提取逻辑。

JSON JMESPath JSON JSONPath 查询

最新

SHA-3 哈希生成器 - 新一代安全散列算法

支持SHA3-224/256/384/512及SHAKE可扩展输出，浏览器端计算文件或文本的第三代安全哈希值。

加密 SHA-3 哈希 安全 散列

最新

CSS Modules类名生成器 - BEM风格

生成规范的BEM或CSS Modules格式类名，避免全局样式污染。

开发工具 CSS Modules 命名 生成

最新

WebAuthn模拟器 - 创建与验证凭据

使用CTAP2模拟器或安全密钥在浏览器中体验无密码注册与认证流程。

安全工具 WebAuthn 安全 演示

最新

Cookie Store API演示 - 异步读写Cookie

对比document.cookie和现代Cookie Store API的异步读写操作，以及变化监听。

开发工具 API Cookie 异步

最新

网络限速模拟器 - 通过Service Worker延迟

注册一个Service Worker拦截请求并人为添加延迟，模拟慢速2G/3G网络效果。

开发工具 模拟 网络 限速

SVG转React组件 - 自动生成JSX代码

粘贴SVG代码，自动转换为React函数组件格式，处理属性名驼峰化。

开发工具 React SVG 组件

邮件按钮生成器 - 防弹按钮代码

生成在Outlook等邮件客户端中也能完美显示的圆角按钮代码（防弹设计）。

开发工具 HTML 按钮 邮件

.gitignore文件生成器 - 多语言模板组合

选择操作系统、IDE和编程语言，拼接生成一份综合的.gitignore文件内容。

开发工具 gitignore 模板 生成

SQL格式化工具 - 在线SQL语句美化

在线SQL格式化工具，将SQL查询语句自动缩进和美化，提高可读性，支持多种数据库语法。

开发工具 SQL 格式化 美化

最新

Flexbox 高级演练场 - 所有属性可视化控制

通过滑块和开关调整 Flex 容器和子项的所有 CSS 属性，实时观察布局变化，理解弹性盒子。

CSS CSS Flexbox 可视化 布局

最新

Git 合并冲突模拟解决器 - 练习解决冲突

模拟两个分支修改同一文件产生的冲突标记，在编辑器中手动解决并提交，学习冲突处理。

Git Git 冲突 合并 模拟

最新

Resource Timing 缓冲区管理 - 处理大量资源计时

设置资源计时缓冲区大小，监听 resourcetimingbufferfull 事件并处理。

开发工具 Resource Timing 性能 管理 缓冲区

最新

错误堆栈追踪解析器 - 提取源映射位置

粘贴带有 source map 的错误堆栈，解析出原始源代码位置，便于定位问题。

开发工具 堆栈追踪 源映射 解析 错误

最新

发布订阅模式演示 - 自定义事件总线实现

可视化展示发布/订阅模式的运作，添加订阅者和发布者，查看事件流。

开发工具 事件总线 发布订阅 模式 演示

最新

第三方脚本影响评估器 - 分析页面中的外部脚本

输入 URL，列出所有第三方域名的脚本，估算其对加载时间的影响。

开发工具 分析 性能 第三方脚本 评估

最新

CORS 预检请求测试器 - 发送 OPTIONS 分析响应

向指定 URL 发送预检请求，分析 Access-Control-* 响应头是否符合预期。

开发工具 CORS 测试 跨域 预检

最新

CSS 关键帧时间轴编辑器 - 拖拽属性关键点

在时间轴上拖拽添加属性关键帧，实时预览动画并生成 @keyframes 代码。

动画 CSS 关键帧 动画 编辑器

最新

JavaScript AST 在线浏览器 - 抽象语法树可视化解析

输入 JavaScript 代码，实时生成对应的抽象语法树(AST)，支持 ES 各版本，帮助理解编译器原理与代码结构。

分析 AST JavaScript 抽象语法树 编译器

最新

WebCodecs API 图像解码器 - 解码 JPEG/PNG 帧

使用 ImageDecoder API 解码图片并逐帧显示（若为动图），展示底层编解码能力。

多媒体 WebCodecs 演示 解码

最新

gRPC-Web 一元调用测试器 - 发送请求并查看序列化

输入 gRPC 服务地址和方法，构造 JSON 请求体，观察转为二进制帧并接收响应解码。

开发工具 gRPC-Web 测试

最新

WebSocket 消息构建器 - 编辑并发送文本/二进制帧

连接到 WebSocket 端点，自定义消息内容（JSON、文本、ArrayBuffer）并发送，查看响应。

开发工具 WebSocket 构建 消息

最新

基于 OpenAPI 的 Mock 数据生成器 - 零配置模拟 API

上传 OpenAPI 描述文件，自动生成符合定义的模拟 JSON 响应，支持选择不同端点。

API Mock OpenAPI 模拟

最新

Web 推送通知调试器 - 检查订阅与推送参数

展示当前推送订阅详情，解析 VAPID 公钥，模拟接收推送事件，方便开发阶段测试。

PWA Web Push 调试 通知

最新

CHANGELOG 生成器 - 基于约定式提交自动编写变更日志

粘贴 Git 提交记录，按类型分类生成结构化的 CHANGELOG.md 内容。

开发工具 CHANGELOG 发布 变更日志 生成器

最新

开源许可证徽章生成器 - 生成 Markdown 状态徽章

选择许可证类型，生成美观的 shields.io 样式许可证徽章 Markdown 代码。

开发工具 Markdown 徽章 生成 许可证

最新

像素单位换算器 - PX/EM/REM/VW 在线互转

输入像素值并设定根字号或视口宽度，一键换算为 rem/em/vw 等相对单位，方便响应式开发。

开发工具 像素 单位 响应式 换算

最新

文本大小写转换器 - 驼峰/蛇形/标题等

输入任意文本，一键切换为小写、大写、驼峰、蛇形、常量等命名风格。

开发工具 命名 大小写 转换 风格

最新

指针事件实验田 - 鼠标/笔/触摸统一模型

区分不同输入设备类型，查看各指针事件的属性差异，理解统一指针模型。

交互 Pointer Events 笔 触摸 鼠标

最新

网络连接信息详情 - effectiveType与带宽估计

展示Navigator.connection提供的网络类型、下行速度、RTT等实时信息，辅助自适应加载。

开发工具 effectiveType 监测 网络信息 连接

最新

震动模式编辑器 - 自定义设备振动序列

设计振动时长与停顿数组，点击试振，复制代码在移动端触发自定义触感反馈。

API Vibration API 振动 模式 触觉

最新

JSON Merge Patch/JSON Patch 生成器 - 根据差异创建补丁

提供原始与修改后的JSON，自动生成符合RFC6902的JSON Patch或RFC7396 Merge Patch。

JSON JSON JSON Patch 差异 补丁

最新

Terraform 计划预览器 - 资源变更可视化

粘贴terraform plan输出，解析并显示资源的增加、更改与销毁列表，辅助审查。

DevOps Terraform 变更 基础设施 预览

最新

Docker Compose 可视化编辑器 - 图形化服务编排

拖拽服务、网络和卷，直观构建docker-compose.yml，并可导出文件，降低容器编排门槛。

DevOps Compose Docker 可视化 编排

最新

结对编程轮换计时器 - 自动提醒切换驾驶员

设定轮换间隔，到点发声提醒切换角色，确保结对编程公平有效。

协同 协同 结对编程 计时 轮换

最新

User-Agent 深度解析器 - 设备/OS/浏览器类型细分

解析任何User-Agent字符串，返回详细的设备类别、制造商、操作系统及浏览器/引擎版本信息。

开发工具 User-Agent 浏览器 解析 设备

最新

GraphQL Playground 轻量版 - 在线查询与Schema浏览

输入GraphQL端点或粘贴Schema，即可编写查询并查看自动补全与响应，适合接口探索与学习。

API GraphQL Schema 查询 测试

最新

OAuth2 协议流模拟器 - 授权码与隐式流可视化

逐步演示OAuth2授权码、隐式及密码模式交互流程，帮助理解重定向、Token交换与刷新机制。

开发工具 OAuth2 授权 模拟 流程

最新

网页资源瀑布图展示 - 请求时间线和大小

利用Performance API绘制当前页面所有资源的加载时间线和文件大小瀑布图。

开发工具 性能 瀑布图 资源加载

最新

Brainfuck在线解释器 - 步进调试

编写Brainfuck代码，以可视化的方式步进执行，观察活动纸带和指针。

开发工具 Brainfuck 解释器 调试

最新

JSONPath转CSV提取器 - 批量抽取字段

对复杂JSON应用JSONPath抽取多条记录，并直接导出为CSV表格。

开发工具 CSV JSONPath 提取

最新

开源许可证匹配器 - 根据需求找协议

回答关于再发布、开源、专利等要求，工具推荐最合适的开源许可证。

开发工具 匹配 开源 许可证

最新

Service Worker生成器 - 基础缓存策略配置

选择缓存策略(Network First, Cache First等)，填写预缓存文件列表，生成sw.js文件。

PWA Service Worker 生成器 缓存

最新

可读流控制器 - 自定义ReadableStream

创建一个自定义ReadableStream，像生成器一样逐步推送数据，并用WritableStream消费。

开发工具 可读流 数据 演示