⚡ 开发工具

共 188 个工具

快速高效
简单易用
安全隐私

API Mock服务

API Mock服务 - WebUtils

进入工具

API测试工具

API测试工具:实用工具,使用

进入工具

箭头符号生成器

箭头符号生成器 - WebUtils

进入工具

ASCII Art 生成器

将文字转换为 ASCII 艺术字体

进入工具

ASCII 码表

ASCII 0–255 十/十六/八/二进制对照,分类筛选与搜索,localStorage 保存。

进入工具

通用条形码生成器

通用条形码生成器, CODE128、EAN-13、UPC-A、CODE39 等,可调整宽高、下载 PNG,参数与历史自动保存 localStorage。

进入工具

Base64 编解码

Base64 编码与解码, UTF-8 文本、文件转 Base64、分享链接与 localStorage 自动保存。

进入工具

Base64编码解码

Base64 编码解码,UTF-8 文本与 Base64 互转,交换、复制与 localStorage。

进入工具

Basic Auth 生成器

生成 HTTP Basic Authentication 头、Base64、curl/fetch 示例,localStorage 保存。

进入工具

Box Shadow 生成器

可视化调节单层 box-shadow,预设样式、复制 CSS 与 localStorage 保存。

进入工具

浏览器存储查看器

查看当前域名 localStorage / sessionStorage,过滤、复制 JSON 与 localStorage 持久化

进入工具

CHANGELOG 生成器

按 Keep a Changelog 格式生成 CHANGELOG.md,多版本管理、预览下载与 localStorage

进入工具

字符集转换器

字符集转换器 - WebUtils

进入工具

数据图表生成器

输入标签与数据生成柱状/折线/饼图等,Chart.js 渲染、下载 PNG/JPG 与 localStorage

进入工具

Chmod权限计算器

Chmod 八进制与 rwx 符号互转,常用预设、复制 chmod 命令,权限选择 localStorage 持久化。

进入工具

剪贴板查看器

查看剪贴板 MIME 类型:文本、HTML、图片与文件,粘贴/拖放与 localStorage

进入工具

代码对比工具

按行 LCS diff 对比两段代码,高亮新增/删除,交换与 localStorage 保存。

进入工具

代码截图美化

将代码转换为精美的截图,50+编程语言和多种主题,类似Carbon

进入工具

代码统计器

统计代码行数、注释、字符与复杂度指标,多语言规则与 localStorage

进入工具

色盲模拟器

色盲模拟器,预览不同类型色盲用户看到的颜色效果,测试设计的无障碍性

进入工具

颜色混合器

混合两种颜色,RGB/HSL/正片叠底/滤色模式,比例滑块与渐变预览,复制 HEX/RGB/HSL,localStorage。

进入工具

颜色命名查询

浏览 CSS 命名颜色与 HEX/RGB 对照,分类筛选、排序搜索、多种复制格式,localStorage。

进入工具

配色方案生成器

从主色生成 50–900 色阶调色板、CSS 变量与 HEX 复制,localStorage 保存

进入工具

调色板生成器

基于色彩理论生成配色:明度阶梯、互补色、类似色、三角色,localStorage 保存

进入工具

颜色对比度检查器

检查颜色对比度是否符合 WCAG 2.1 无障碍标准

进入工具

Cron生成器

可视化编辑五段 Cron 表达式,常用预设、中文描述与复制,localStorage 保存。

进入工具

Cron表达式解析器

解析五段 Cron 表达式,中文可读描述与接下来 5 次近似执行时间,localStorage 保存。

进入工具

Crontab 生成器

可视化生成 Cron 表达式,常用模板、中文说明、下次执行预览与 localStorage

进入工具

CSS动画生成器

CSS动画生成器

进入工具

CSS 动画生成器

可视化生成 CSS 动画,关键帧编辑和实时预览

进入工具

CSS圆角生成器

可视化调整 CSS border-radius,四角独立控制、实时预览、复制 CSS 与 localStorage

进入工具

CSS阴影生成器

多层 box-shadow 叠加,滑块调节、层管理、复制 CSS 与 localStorage。

进入工具

CSS Clip-Path 生成器

可视化调整 clip-path 多边形与 inset/ellipse,实时预览并复制 CSS,localStorage 保存参数。

进入工具

CSS 滤镜生成器

CSS 滤镜生成器 - WebUtils

进入工具

CSS Filter 生成器

滑块调节 blur/brightness/contrast 等 CSS filter,实时预览并复制 filter 字符串,localStorage 保存。

进入工具

Flexbox可视化

Flex 容器与子项属性可视化调节,实时预览并复制 CSS,localStorage 保存配置

进入工具

CSS在线格式化工具

CSS 美化与缩进整理,双栏 I/O、交换复制与 localStorage。

进入工具

CSS 渐变生成器

线性/径向/锥形 CSS 渐变可视化编辑,多色标、12 种预设、随机生成与复制,localStorage。

进入工具

CSS Grid可视化

CSS Grid 参数可视化调试,实时预览并生成 CSS, localStorage。

进入工具

CSS Grid 生成器

创建 CSS Grid 网格布局,实时预览并复制样式, localStorage。

进入工具

CSS 代码压缩器

CSS 代码压缩器 - WebUtils

进入工具

CSS 选择器测试器

输入 CSS 选择器并高亮匹配 DOM,验证语法, localStorage。

进入工具

CSS雪碧图生成器

计算 CSS 雪碧图 background-position 与尺寸,实时预览, localStorage。

进入工具

CSS Text Shadow 生成器

多层 text-shadow 可视化编辑,8 种预设(霓虹/描边/3D 等),实时预览、复制 CSS,localStorage。

进入工具

CSS Transform 生成器

CSS Transform 生成器 - WebUtils

进入工具

CSS 单位转换器

px/rem/em/vw/vh/vmin/vmax/%/pt/cm/mm/in 互转,可设根字号与视口,一键复制与 localStorage。

进入工具

Cubic Bezier 编辑器

可视化编辑 CSS cubic-bezier 缓动函数,实时预览动画效果

进入工具

cURL 命令生成器

可视化配置 HTTP 方法、请求头、JSON 体与 Basic/Bearer 认证,实时生成可复制 cURL 命令,localStorage 保存。

进入工具

cURL 转换器

解析 cURL 命令并转为 JavaScript、Python、Go、PHP、Java、Node.js HTTP 代码,含示例与 localStorage。

进入工具

文本对比工具

LCS 逐行对比两段文本,高亮新增与删除行;交换、示例与 localStorage。

进入工具

文本差异对比

按行对比两段文本,LCS 对齐、并排/统一视图、增删统计,localStorage 保存输入。

进入工具

Docker 命令生成器

可视化生成 docker run/build/exec/compose 等常用命令,实时预览与 localStorage

进入工具

Docker Compose 生成器

多服务 Docker Compose 配置生成:添加服务、网络/卷、模板与 localStorage

进入工具

Docker Compose 生成器

可视化生成 docker-compose.yml:Web/DB/Redis 预设、环境变量、卷挂载与网络,localStorage。

进入工具

Dockerfile 生成器

可视化生成 Dockerfile:Node/Python/Go/Nginx 模板、多阶段构建、非 root 用户,复制/下载与 localStorage。

进入工具

缓动函数可视化

CSS 缓动曲线可视化:预设与 cubic-bezier 自定义、曲线图与动画预览,复制 transition CSS,localStorage。

进入工具

.editorconfig 生成器

可视化生成 .editorconfig:Web/Node/Python/Go 等预设,缩进、换行、charset 规则,localStorage。

进入工具

Emoji 选择器

浏览与搜索 Emoji,一键复制字符、Unicode 与 HTML 实体,分类筛选与 localStorage。

进入工具

环境变量编辑器

编辑 .env 环境变量:可视化表格、排序、导出 JSON/YAML/Shell/Docker,localStorage。

进入工具

.env 文件生成器

按 Node/React/Next.js/Django 等模板生成 .env:注释、引号、排序,下载 .env 与 localStorage

进入工具

Excel 预览器

粘贴或上传 CSV/TSV,自定义分隔符与首行标题,即时表格预览、复制 TSV、导出 HTML,localStorage。

进入工具

Favicon 检测器

探测网站常见 favicon 路径并预览, Google/DuckDuckGo 图标服务与 localStorage。

进入工具

Flexbox 可视化编辑器

可视化调整 Flexbox 布局属性,实时预览并生成 CSS, localStorage。

进入工具

Git 命令速查

常用 Git 命令速查表

进入工具

Git 命令生成器

可视化生成常用 Git 命令

进入工具

Git命令速查

Git命令速查

进入工具

GitHub Actions 生成器

可视化生成 GitHub Actions 工作流配置,多种 CI/CD 模板

进入工具

.gitignore 生成器

多选语言/框架模板合并生成 .gitignore:Node、Python、IDE 等,搜索分类与 localStorage。

进入工具

Glassmorphism 生成器

可视化调整毛玻璃 CSS:backdrop-filter、透明度、边框与阴影,渐变背景预设、复制代码,localStorage。

进入工具

Glob 模式测试

Glob 模式匹配测试

进入工具

CSS 渐变生成器

可视化生成 CSS 线性渐变和径向渐变代码

进入工具

GraphQL 查询构建器

可视化构建 GraphQL Query/Mutation/Subscription:字段、参数、变量声明与 JSON Variables,示例模板与 localStorage

进入工具

GraphQL Playground

向 GraphQL 端点发送 POST 请求:Query、Variables、可选 Authorization,格式化 JSON 响应与 localStorage

进入工具

Hash 生成器

计算文本或文件的 MD5、SHA-1、SHA-256、SHA-512 哈希值, localStorage。

进入工具

Hex 查看器

以十六进制查看文本或文件,偏移量/ASCII 对照、复制 Hex 与 Dump,localStorage。

进入工具

HMAC 生成器

生成 HMAC 消息认证码,多种哈希算法

进入工具

.htaccess 生成器

可视化生成 Apache .htaccess:HTTPS、重定向、安全头、缓存、Gzip 与自定义规则,localStorage。

进入工具

htaccess转Nginx

Apache .htaccess 转 Nginx:RewriteRule、重定向、缓存、Gzip、访问控制,实时转换与 localStorage。

进入工具

HTML 实体参考

HTML 实体参考表,分类浏览、搜索,一键复制字符/实体/编码,localStorage 保存。

进入工具

HTML 实体编解码

HTML 实体编码与解码,常用实体参考

进入工具

HTML实体编码器

HTML 命名实体与数字实体编码/解码,双栏 I/O 与 localStorage。

进入工具

HTML格式化工具

HTML 美化与缩进整理,双栏 I/O、交换复制与 localStorage。

进入工具

HTML 压缩工具

压缩和美化 HTML 代码

进入工具

HTML 压缩工具

HTML 压缩,移除注释、空白与换行,显示体积对比,选项与输入 localStorage 保存。

进入工具

HTML预览

HTML预览

进入工具

HTML 表格生成器

配置行列与表头,生成 HTML table 代码与预览,复制与 localStorage 保存。

进入工具

HTML 模板生成器

可视化生成 HTML5 页面模板(Landing/表单/Dashboard 等),可选 CSS 框架与 JS 库,预览下载,localStorage。

进入工具

HTML 转 JSX/React 转换器

HTML 片段转 JSX:className、htmlFor、自闭合标签、style 对象化,可选 React 组件包裹,localStorage。

进入工具

HTTP 请求测试

浏览器内 REST API 调试:GET/POST/PUT/PATCH/DELETE、Query/Header/Body、响应格式化与 cURL 导出,localStorage。

进入工具

HTTP 状态码查询 - 完整参考手册

HTTP 状态码速查,1xx–5xx 分类筛选与搜索,localStorage 保存。

进入工具

HTTP状态码速查

按 1xx–5xx 分组浏览 HTTP 状态码,搜索码值、英文名与中文说明,localStorage 保存。

进入工具

国际化键名生成器

根据文本智能生成国际化 key

进入工具

IP 地址转换器

IPv4 点分十进制、整数、十六进制、二进制互转, localStorage。

进入工具

ISBN条形码生成工具

ISBN条形码生成工具,ISBN-10和ISBN-13格式,一键生成条形码

进入工具

JavaScript代码格式化工具

JavaScript 美化与缩进整理,双栏 I/O、交换复制与 localStorage。

进入工具

JavaScript AST查看器

JavaScript 源码轻量 AST 解析与 JSON 展示, localStorage。

进入工具

JavaScript 格式化

JavaScript 代码格式化与缩进整理,双栏 I/O、实时预览与 localStorage。

进入工具

JavaScript 代码压缩器

JavaScript 简易压缩(去注释与空白),字节对比、复制结果,localStorage 自动保存。

进入工具

JavaScript 压缩工具

JavaScript压缩工具,移除注释和空白,减小JS文件体积

进入工具

JS代码混淆

JavaScript Base64/Hex 轻量混淆演示,双栏 I/O 与 localStorage。

进入工具

JavaScript 在线运行

运行和测试 JavaScript 代码,实时查看控制台输出, ES6+ 语法

进入工具

JSON 对比工具

对比两段 JSON 结构与取值差异,按路径列出新增、删除与变更,复制与 localStorage 保存。

进入工具

JSON格式化工具

JSON 美化、压缩与语法校验,双栏 I/O、交换复制与 localStorage

进入工具

JSON 压缩和美化器

JSON 美化与压缩,双栏 I/O、交换复制与 localStorage

进入工具

JSON 压缩工具

JSON 压缩:实时移除空白、统计体积节省、复制下载与 localStorage

进入工具

JSON 路径查询

用点号与数组下标路径从 JSON 取值,如 data.list[0].id,格式化展示、复制与 localStorage 保存。

进入工具

JSON 路径编辑器

按 JSONPath 对 JSON 执行 Set/Upsert/Delete,双栏 I/O 与 localStorage。

进入工具

JSON路径查找器

遍历 JSON 叶子节点并按关键词、类型筛选路径, localStorage。

进入工具

JSON Path 测试器

测试 JSONPath 表达式并查看命中结果, localStorage。

进入工具

JSON Schema 生成器

从 JSON 样例推断 Draft 2020-12 Schema,可配置 required/format,localStorage 保存。

进入工具

JSON Schema 验证器

根据 JSON Schema 校验 JSON 数据,显示错误路径与 localStorage。

进入工具

JSON 转 Go Struct

JSON 转 Go Struct

进入工具

JSON 转 SQL INSERT 语句

JSON 转 SQL INSERT:多数据库、批量插入、字段映射、预览与 localStorage

进入工具

JSON 转 TypeScript

根据 JSON 样例生成 TypeScript 类型定义(interface 与内联类型),便于前端对接接口与建模。

进入工具

JSON 工具链

汇集 JSON 格式化、对比、路径查询、转 TypeScript 等开发常用能力,一站式处理接口数据。

进入工具

JSON 可视化树

JSON 树形可视化,JSONPath 路径复制、搜索过滤、展开折叠与 localStorage,便于浏览 API 响应结构。

进入工具

JSON → TypeScript 类型生成

JSON 样例转 TypeScript interface,嵌套对象与数组类型推断,localStorage 保存。

进入工具

JSON-YAML 转换

JSON 与 YAML 双向转换,双栏 I/O、示例与 localStorage。

进入工具

JSON YAML 转换器

JSON 与 YAML 互转,格式化输出与 Map 键排序,便于配置文件、K8s 清单与接口样例互转。

进入工具

JSONPath 查询器

JSONPath 表达式查询 JSON, $、[*] 通配与 $.. 递归,命中计数、复制与 localStorage。

进入工具

JSONPath 查询器

使用 JSONPath 表达式查询和提取 JSON 数据

进入工具

JWT 解码器

解析 JWT(JSON Web Token)的 Header 与 Payload,浏览器本地解码,不验证签名

进入工具

键盘码查询

按下键盘查看 Key、code、keyCode 等属性,按键历史保存到 localStorage

进入工具

键盘测试器

键盘测试:按键动画、组合键、修饰键状态与历史记录,localStorage 保存

进入工具

Keycode 查看器

获取键盘按键的 KeyCode 值

进入工具

License 生成器

MIT、Apache、GPL 等开源协议 LICENSE 生成,复制、下载与 localStorage。

进入工具

Lorem Ipsum 生成器

生成 Lorem Ipsum 占位文本,段落/句子/单词与 localStorage。

进入工具

Markdown 预览

Markdown 实时预览:GFM 表格、代码块、任务列表,marked + DOMPurify,localStorage 自动保存

进入工具

Markdown 转 HTML 转换器

Markdown 转 HTML:marked 解析 + DOMPurify 净化预览,输出原始 HTML,下载完整页面与 localStorage

进入工具

数学符号大全

数学符号大全 - WebUtils

进入工具

Viewport Meta 生成器

生成响应式网页的viewport meta标签,各种配置选项

进入工具

MIME 类型查询

按分类浏览常见 MIME 类型,扩展名与 Content-Type 搜索,一键复制,localStorage 保存。

进入工具

Neumorphism 生成器

可视化生成 Neumorphism 新拟态 CSS:平面/凹凸/按下阴影,背景预设、复制代码,localStorage。

进入工具

Nginx 配置生成器

Nginx 配置生成器 - WebUtils

进入工具

Nginx 配置生成器

可视化生成 Nginx 配置文件

进入工具

Nginx 配置生成器

可视化生成 Nginx server 块:反向代理、静态站点、负载均衡、SSL、Gzip 与缓存,复制/下载与 localStorage。

进入工具

NPM命令速查

NPM命令速查

进入工具

进制转换器

二进制、八进制、十进制、十六进制互转

进入工具

OpenAPI/Swagger 查看器

解析 OpenAPI 3.x / Swagger 2.0 JSON:路径、方法、Tags、Schemas 概览与搜索,localStorage 持久化

进入工具

OTP 验证码生成器

生成一次性密码 (OTP/TOTP)

进入工具

package.json编辑器

package.json编辑器 - WebUtils

进入工具

package.json 生成器

填写 name、scripts、dependencies 实时生成 package.json,localStorage 保存。

进入工具

Protobuf 解码器

解码 Protobuf 二进制数据,无需 schema 定义

进入工具

Punycode 转换器

Unicode 国际化域名与 Punycode(xn--)互转,多标签域名、示例与 localStorage,纯浏览器端

进入工具

二维码解码器

二维码解码器,图片上传解码

进入工具

二维码生成器

二维码生成器,自定义文本、网址、联系方式等内容,可调整尺寸、颜色和样式,一键下载高质量二维码图片

进入工具

README 生成器

根据项目信息生成 README.md:特性、安装、用法、Tech Stack、License,预设模板与 localStorage

进入工具

README.md 实时预览器

左侧编辑 Markdown、右侧实时预览 README 排版:标题、列表、表格、代码块,预设示例与 localStorage

进入工具

正则表达式速查

正则表达式语法速查表

进入工具

正则可视化解释器

解析正则元字符语义并展示测试匹配结果, localStorage。

进入工具

正则表达式生成器

进入工具

正则表达式测试工具

正则表达式测试工具,实时匹配、全局与忽略大小写标志、替换预览

进入工具

正则表达式可视化

正则实时高亮匹配、元字符解释与捕获分组展示, g/i/m 等 flags 与 localStorage

进入工具

响应式预览

iframe 按设备预设或自定义宽高预览网页,缩放、旋转与 localStorage。

进入工具

RSA 密钥对生成器

生成 RSA 公私钥对

进入工具

Semver 比较器

语义化版本号比较和验证

进入工具

快捷键速查表

VS Code、JetBrains、Vim、Sublime 快捷键速查,Mac/Windows 切换、搜索筛选,localStorage。

进入工具

Slug 生成器

生成 URL 友好的 slug 字符串

进入工具

SQL 转换器

SQL 格式化/压缩、方言转换提示、CSV 列名生成 SELECT/INSERT 与 localStorage

进入工具

SQL格式化压缩工具

SQL格式化和压缩工具,SQL代码美化、缩进调整和代码压缩,提高代码可读性和执行效率

进入工具

SQL 大列表 IN 拆分工具

将上千条 ID 或值按每批最多 1000 条(可调)拆成多段 IN 条件并用 OR 拼接,适配 Oracle 等数据库单条 IN 列表长度限制;列名、字符串引号、分隔方式与去重,...

进入工具

SQL关键字速查

SQL关键字速查

进入工具

SQL在线执行器

SQL执行器 - WebUtils

进入工具

SQL转MongoDB查询语法

将 SQL SELECT 转为 MongoDB find 查询, WHERE/ORDER BY/LIMIT 与 localStorage

进入工具

SSE 测试客户端

连接 Server-Sent Events 端点并实时查看消息流,自定义事件、模拟模式与 localStorage

进入工具

字符串拼接器

多段字符串拼接:自定义分隔符、引号包裹、每行个数、排序与 localStorage

进入工具

字符串转义工具

JSON、JavaScript、HTML、URL、Unicode、正则转义与反转义,双栏 I/O、交换与 localStorage。

进入工具

SVG优化器

压缩 SVG:移除注释、空白、metadata 与空属性,实时预览与体积对比,localStorage。

进入工具

SVG 路径编辑器

编辑 SVG path d 属性并实时预览,形状预设、描边填充、复制下载 SVG,localStorage。

进入工具

特殊符号大全

特殊符号大全 - WebUtils

进入工具

表格线生成器

生成 ASCII/Unicode 框线文本表格,6 种边框样式、对齐、字符参考与 localStorage。

进入工具

表格生成器

生成Markdown、HTML、CSV格式的表格

进入工具

Tailwind CSS 配置生成器

可视化生成 Tailwind CSS 配置文件,自定义颜色、字体、间距、断点等设置

进入工具

Tailwind CSS 类名速查

搜索常用 Tailwind 类名组合片段,一键复制,localStorage 保存搜索词。

进入工具

TOML/YAML/JSON 转换器

TOML、YAML、JSON 配置格式互转,双栏编辑、复制下载与 localStorage

进入工具

tsconfig.json编辑器

tsconfig.json编辑器 - WebUtils

进入工具

Unicode 转换器

文本与 \uXXXX、U+、HTML 实体、UTF-8 Hex 互转,字符详情网格与 localStorage

进入工具

Unicode 查询

查询 Unicode 字符码点、UTF-8/UTF-16、HTML/CSS/JS 转义格式, U+/0x/十进制输入与 localStorage

进入工具

URL 编解码

URL 编码与解码,完整 URL 或组件编码,纯本地处理

进入工具

URL编码解码工具

URL 编码/解码、逐行处理、解码时将 + 号视为空格,并可复制结果

进入工具

URL 解析器

解析与构建 URL:protocol、host、pathname、query、hash,查询参数解码,IPv6 与认证信息,localStorage

进入工具

UUID 生成器

批量生成 RFC 4122 版本 4 的随机 UUID,一键复制单行或全部

进入工具

Webhook 测试器

Webhook 调试:JSON 载荷预设、自定义 Header、发送 POST、生成 curl 命令与 localStorage

进入工具

WebSocket测试客户端

WebSocket测试客户端 - WebUtils

进入工具

XML 格式化

XML 美化、压缩与语法验证,双栏 I/O 与 localStorage 缓存。

进入工具

XML ⇄ JSON 转换

XML 与 JSON 格式互转

进入工具

XPath测试器

输入 XML/HTML 与 XPath 表达式,实时匹配节点、属性与文本,localStorage 保存

进入工具

YAML 格式化

YAML 缩进与行结构整理,双栏 I/O、实时预览与 localStorage。

进入工具