开发工具

🎨

颜色选择器

在线颜色拾取与转换，支持HEX、RGB、HSL等多种颜色格式互转。

🔍

正则表达式测试

实时测试正则表达式匹配与替换，内置常用正则模式快速选择。

🎨

CSS渐变生成器

在线生成线性渐变和径向渐变CSS代码，实时预览效果，支持自定义颜色停靠点。

📳

QR码生成器

输入文本或网址即可生成二维码，支持自定义大小、颜色，可下载PNG图片。

🔒

随机密码生成器

自定义长度和字符类型生成安全随机密码，显示密码强度，支持批量生成。

■

CSS阴影生成器

调整Box Shadow参数实时预览效果，支持多层阴影叠加，一键复制CSS代码。

🎨

网页配色方案

基于HSL色轮生成协调配色，支持6种配色模式，附网页UI效果预览。

🌐

IP地址查询

查询当前IP地址，IPv4格式校验，IP类型判断和子网掩码计算。

🔢

UUID生成器

批量生成UUID v4通用唯一识别码，支持大小写和连字符格式选择。

⌨

键盘按键检测

按下任意键查看key、code、keyCode等属性，支持组合键检测和历史记录。

💻

HTML实时预览

在线编写HTML/CSS/JS代码，实时渲染预览效果，支持响应式视图切换和一键导出。

🖥

UA解析

解析User-Agent字符串，识别浏览器、操作系统、设备型号等详细信息。

💻

CSS格式化

CSS代码美化、压缩与属性排序，实时预览处理结果，浏览器本地处理保护隐私。

🖥

屏幕分辨率查询

实时检测屏幕分辨率、窗口尺寸、DPR、色深、触摸支持等，含视口宽度示意条。

🖩

Flexbox布局生成器

可视化配置CSS弹性布局属性，实时预览效果，一键生成Flexbox CSS代码。

▦

Grid布局生成器

可视化配置CSS Grid网格布局属性，实时预览布局效果，一键生成Grid CSS代码。

🎨

CSS动画生成器

6种预设动画效果，配置持续时间、缓动函数、循环等参数，实时预览并生成@keyframes代码。

🌐

HTTP状态码查询

开发者必备的HTTP状态码速查表，覆盖1xx-5xx全部常见状态码，支持搜索快速定位。

🎨

颜色对比度检查

根据WCAG 2.1标准检测前景色与背景色的对比度比值，判断是否符合AA/AAA级无障碍标准。

🎲

随机颜色生成器

一键生成随机色彩，支持HEX/RGB/HSL格式，点击卡片即可复制色值。

💻

JSON Path查询

使用JSONPath语法查询JSON数据，支持常见表达式和高亮结果。

⏱

Cron表达式解析器

解析Cron表达式为中文描述，计算接下来5次执行时间。

🖼

占位图片生成器

设置尺寸和颜色生成占位图片，支持SVG/PNG格式批量生成。

💻

Chrome DevTools快捷键

Chrome开发者工具常用快捷键大全，支持搜索和Win/Mac切换。

🏢

Meta标签生成器

可视化生成SEO/OG/Twitter/Robots等meta标签代码。

📱

响应式设计测试器

预设多种设备尺寸预览网页，支持自定义宽高和横竖屏。

📋

HTML表格生成器

可视化编辑表格，设置样式选项，生成HTML代码一键复制。

💻

Git命令速查表

Git常用命令快速查询，涵盖分支、提交、合并、远程操作等。

🐳

Docker命令速查表

Docker常用命令快速查询，涵盖容器、镜像、网络、卷管理。

🖩

CSS单位查看器

查看CSS各单位的说明和对比，px/em/rem/vw等一目了然。

😀

Emoji表情选择器

浏览和搜索Emoji表情，按分类筛选，一键复制到剪贴板。

🎨

SVG代码编辑器

在线编辑SVG代码，实时预览渲染效果，支持代码格式化和导出。

📱

CSS Media Query生成器

可视化生成响应式断点CSS代码，预设常见设备尺寸，一键复制。

🖥

浏览器信息检测

检测浏览器名称、版本、内核、操作系统、语言等详细信息。

🚀

网页性能评分参考

Google Lighthouse性能评分标准参考，了解各项指标含义和优化建议。

🔌

API请求测试器

发送GET/POST等HTTP请求，查看响应结果，支持自定义Header和Body。

🖼

字体预览工具

输入文字预览不同字体效果，支持Google Fonts和系统字体，一键生成CSS。

📦

NPM包信息查询

查询NPM包信息、版本、依赖、下载量等，快速了解包详情。

■

Box Shadow生成器

可视化配置CSS Box Shadow参数，实时预览效果，支持多层阴影。

🎨

CSS渐变生成器Pro

高级CSS渐变生成，支持线性/径向/锥形渐变，多色停靠点配置。

💻

终端颜色代码参考

ANSI/终端颜色代码速查，支持16色/256色/真彩色参考。

📚

Tailwind CSS速查表

Tailwind CSS常用类名速查，涵盖布局、间距、颜色、排版等。

🔒

JS代码混淆器

JavaScript代码混淆加密，支持变量重命名、字符串编码等保护方式。

📈

HTTP状态码速查

HTTP状态码完整速查手册，覆盖1xx-5xx全部状态码含义、常见原因和解决建议。

🔒

Chmod权限计算

Linux/Unix文件权限计算器，可视化设置读写执行权限，生成chmod命令。

🖼

Base64图片编码

将图片编码为Base64字符串用于HTML/CSS内嵌，支持拖拽上传和格式选择。

📊

JSON Schema验证

根据JSON Schema验证JSON数据，高亮显示验证错误和字段不匹配。

🎨

SVG优化

优化压缩SVG文件，去除冗余数据、合并路径，减小文件体积。

📄

ENV文件解析

解析.env环境变量文件，查看和管理键值对，支持导出多种格式。

🎨

Web安全颜色表

查看216个Web安全颜色，点击复制色值，支持HEX/RGB格式显示。

📄

MIME类型查询

查询文件扩展名对应的MIME类型，支持双向查询，涵盖常见文件格式。

🔌

Webhook测试

创建临时Webhook URL接收和查看请求内容，支持请求日志和重放。

📄

Lorem Ipsum生成器

生成自定义长度的Lorem Ipsum占位文本，支持段落、句子和单词级别控制。

📄

JSON转TOML

将JSON格式数据转换为TOML配置文件格式，支持嵌套结构和数组。

🏢

Robots.txt生成器

可视化生成网站Robots.txt文件，配置搜索引擎抓取规则和Sitemap地址。

🏢

OG标签生成器

生成Open Graph社交媒体分享标签，预览Facebook/Twitter分享效果。

🎨

CSS动画生成器Pro

自定义CSS动画属性，可视化编辑@keyframes关键帧，实时预览并导出代码。

📄

.gitignore生成器

根据项目类型自动生成.gitignore文件，支持Node.js、Python、Java等多种模板。

🌐

DNS查询

查询域名的DNS记录，支持A、AAAA、CNAME、MX、TXT等记录类型查看。

🏢

Meta Robots生成器

可视化生成Meta Robots标签，配置索引、跟踪、noarchive等搜索引擎指令。

📚

W3C验证器

快速跳转W3C在线验证工具，验证HTML和CSS代码的规范性和有效性。

💻

JSON语法检查

快速检查JSON语法错误，定位问题位置并给出修复建议。

⏰

Crontab生成器

可视化生成Crontab定时任务表达式，支持人性化的时间配置和语法说明。

📡

网速测试

在线测试网络下载和上传速度，直观展示带宽和延迟数据。

♾

无障碍检查

检查网页的无障碍访问合规性，识别WCAG相关问题并给出改进建议。

🐳

Docker Compose生成器

可视化配置生成docker-compose.yml文件，支持多服务编排和常用模板。

🔒

SSL证书检查

查询域名的SSL证书信息，包括有效期、颁发机构、证书链等，快速诊断HTTPS配置。

📦

package.json生成器

可视化配置生成package.json文件，设置项目名称、版本、依赖、脚本等常用字段。

🛡

CSP策略生成器

可视化配置生成Content-Security-Policy头部，支持常用指令和值的选择，一键复制。

💻

GraphQL格式化

在线格式化和美化GraphQL查询语句，支持语法高亮、压缩和验证功能。

⚙

Nginx配置生成器

可视化生成Nginx配置文件，支持反向代理、负载均衡、HTTPS、静态资源等常见场景配置。

📄

API文档生成器

根据API接口信息自动生成格式规范的API文档，支持RESTful风格，可导出Markdown和JSON格式。

🔗

端口转发参考

提供常用端口转发命令参考和速查表，覆盖SSH隧道、iptables、Windows netsh等多种方式。

💻

Electron打包配置

可视化配置Electron应用的打包参数，生成electron-builder配置文件，支持多平台打包选项。

📦

Webpack配置生成器

可视化生成webpack.config.js配置文件，支持loader、plugin、多入口和代码分割等常用配置。

🐳

Dockerfile生成器

可视化生成Dockerfile配置文件，支持多阶段构建、基础镜像选择和环境变量配置。

⚙

K8s YAML生成器

可视化生成Kubernetes部署YAML配置，支持Deployment、Service、ConfigMap等资源类型。

⚡

Vercel配置生成器

可视化生成vercel.json配置文件，支持重写规则、头部设置、环境变量和框架预设。

☁

CloudFront配置生成

可视化生成AWS CloudFront分发配置，支持源站设置、缓存策略、HTTPS和自定义行为配置。

🐙

GitHub Actions生成器

可视化生成GitHub Actions工作流YAML配置，支持CI/CD、定时任务、矩阵构建等常用场景。

⚡

Lambda函数生成器

可视化生成AWS Lambda函数代码模板，支持Node.js和Python运行时，配置触发器和环境变量。

🚀

CI/CD流水线生成器

可视化生成CI/CD流水线配置，支持GitHub Actions、GitLab CI、Jenkins等平台的通用流水线模板。

📦

Postman集合生成器

从API接口信息生成Postman Collection JSON文件，支持批量导入请求、环境和测试脚本。

💻

Ansible Playbook生成器

可视化生成Ansible Playbook YAML配置，支持常用模块、任务链和变量管理。

☁

Terraform生成器

可视化生成Terraform HCL配置文件，支持AWS、Azure、GCP等主流云资源和基础设施即代码。

🐳

Docker Compose增强版

增强版Docker Compose配置生成器，支持多阶段构建、健康检查、网络和卷的高级配置。

⚡

Azure Pipeline生成器

可视化生成Azure DevOps Pipeline YAML配置，支持构建、测试、部署多阶段流水线。

🔧

Makefile生成器

可视化生成Makefile构建配置，支持自定义目标、依赖关系、变量和常用构建模板。

🚀

Jenkins Pipeline生成器

可视化生成Jenkinsfile声明式和脚本式Pipeline，支持多阶段构建、参数化和环境配置。

📄

Swagger/OpenAPI生成器

可视化生成Swagger/OpenAPI 3.0规范文档，支持端点定义、参数配置和响应模型设置。

🚀

CircleCI配置生成器

可视化生成CircleCI配置文件，支持多工作流、并行任务、缓存策略和环境变量配置。

💻

BrowserStack配置生成器

生成BrowserStack自动化测试配置，支持多浏览器多设备组合、分辨率和操作系统选择。

🔄

Puppeteer脚本生成器

可视化生成Puppeteer自动化脚本，支持页面导航、截图、表单填写、点击事件等操作配置。

📡

CapRover配置生成器

可视化生成CapRover部署配置，支持容器设置、环境变量、端口映射和持久化存储配置。

📡

Firebase配置

可视化生成Firebase项目配置文件，支持Hosting、Firestore、Auth等常用服务配置。

⚙

PM2配置

可视化生成PM2进程管理器配置文件，支持集群模式、日志分割、环境变量和监控设置。

💻

Redis命令

可视化构建Redis常用命令，支持String、Hash、List、Set等数据类型操作和批量命令生成。

🔐

S3 Policy

可视化生成AWS S3存储桶策略（Bucket Policy），支持读写权限、IP限制和跨域配置。