Web开发

49 个工具

CSS容器查询实时演示器

拖动可调整宽度的容器,实时观察内部元素样式随容器宽度(而非视口宽度)变化,直观演示@container容器查询的效果与语法。

robots.txt 测试工具

粘贴 robots.txt 内容,指定 User-agent 和待检测路径,按最长匹配优先规则判断路径是否允许被搜索引擎抓取,支持批量测试多个路径。

SQL格式化工具

在线SQL语句格式化工具,将写在一行的SQL语句自动按SELECT、FROM、WHERE、JOIN、ORDER BY等关键字换行排版,提升复杂SQL的可读性。

Markdown转HTML工具

在线将Markdown文本转换为HTML,支持一二三级标题、加粗、斜体和段落换行,左侧输入Markdown右侧实时预览渲染效果,可切换查看HTML源码并一键复制。

TOML转YAML工具

在线将TOML配置转换为YAML格式,输入Cargo.toml、pyproject.toml等TOML内容即可实时得到对应的YAML文本,适合配置文件格式迁移。

YAML转TOML工具

在线将YAML数据转换为TOML格式,输入YAML映射结构即可实时得到对应的TOML文本,适合Rust Cargo.toml、Python pyproject.toml等场景的配置迁移。

XML格式化工具

在线XML格式化工具,将挤压成一行或排版混乱的XML自动按标签层级缩进排版,输入即实时格式化,适合美化接口返回或配置文件中的XML内容。

YAML格式化与校验工具

在线YAML格式化与校验工具,输入YAML内容实时校验语法是否合法并输出规范化排版的YAML,同时提供JSON视图一键切换查看等价的JSON结构。

HTML富文本编辑器

在线HTML可视化富文本编辑器,提供加粗、斜体、下划线、删除线、标题、列表、链接等常用格式化工具栏,所见即所得编辑内容,实时导出对应的HTML源码并支持一键复制。

MIME类型速查表

在线MIME类型速查表,内置33种常见文件扩展名与MIME类型对照,支持按扩展名、MIME类型或中文说明搜索,点击即可一键复制。

JSON对比工具

在线JSON对比工具,输入两份JSON数据,自动递归比较所有字段,标注新增、删除、变更的键值及具体路径,数组作为整体值比较,适合接口返回和配置对比。

JSONL 查看器

在线 JSONL 查看器,粘贴或上传 .jsonl 文件后按行解析,左侧列表可搜索定位,右侧以可折叠树形结构展示单行 JSON 详情,自动标记无法解析的行。

二维码识别

在线二维码识别工具,支持图片上传、剪贴板粘贴、Excel 列表批量识别二维码内容,结果可复制或直接打开链接。

浏览器新特性支持检测器

在你当前浏览器里用真实运行时代码检测WebGPU、View Transitions、CSS :has()等近年新Web标准的支持情况,非UA嗅探。

Flexbox 布局生成器

可视化配置 flex-direction、justify-content、align-items、flex-wrap 与 gap,实时预览效果并一键复制 CSS 代码。

CSS 渐变生成器

可视化配置线性/径向渐变的角度与多个颜色色标,实时预览渐变效果并一键复制 CSS background 代码。

CSS Grid 布局生成器

可视化配置 Grid 布局的列数、行数、间距与列模板,实时预览网格效果并一键复制 CSS 代码。

CSS 阴影生成器

可视化配置 box-shadow 的偏移、模糊、扩展、颜色、透明度与内阴影,实时预览效果并一键复制 CSS 代码。

CORS 预检请求模拟器

纯前端CORS规则模拟工具,按规范判断跨域请求是否触发预检OPTIONS请求,并模拟服务器响应头判断请求能否通过CORS检查,教学调试向,不发起真实网络请求。

API 限流响应头解析器

粘贴HTTP响应头文本,自动解析GitHub/IETF草案/OpenAI等多种命名约定的限流信息,展示剩余配额、重置时间与使用百分比。

SSE 事件流构造器

Server-Sent Events格式的构造与解析工具,支持多字段表单实时生成SSE原始文本,也能反向解析粘贴的SSE文本,内置AI流式响应格式预设。

CSS Clamp响应式字号计算器

输入最小/最大字号与视口宽度,自动生成标准 clamp() 响应式字号表达式,并提供拖动视口滑块实时预览效果。

颜色对比度WCAG检测器

按WCAG 2.0官方公式计算前景色与背景色的对比度,自动判断是否达到AA/AAA无障碍标准。

UTM营销链接生成器

填写基础URL与UTM参数一键生成营销跟踪链接,支持已有查询参数正确合并、特殊字符自动编码及批量生成多条链接。

RSS/Atom Feed校验器

粘贴RSS 2.0或Atom格式XML,自动识别格式并校验必需字段,列出错误提示与条目预览列表。

Sitemap.xml校验器

粘贴sitemap.xml内容,按sitemaps.org协议校验urlset命名空间、loc/lastmod/changefreq/priority字段合法性及URL数量限制。

URL解析工具

在线URL解析工具,输入完整网址即可拆解出协议、主机、路径、查询字符串、锚点等各部分,并以表格形式列出所有查询参数的键值对。

URL编码

URL编码和解码

HTML实体编码

HTML特殊字符转义

HTML压缩

压缩HTML减少体积

CSS压缩

压缩CSS减少体积

JS压缩

压缩JavaScript代码

Meta标签生成器

在线生成网页SEO Meta标签,填写标题、描述、URL、OG图片、Twitter Card等信息,自动生成包含基础SEO、Open Graph和Twitter Card的完整Meta标签代码。

Slug生成器

将文本转为URL友好格式

User-Agent解析工具

在线User-Agent字符串解析工具,输入UA字符串即可解析出浏览器名称及版本、操作系统及版本、设备类型(桌面/手机/平板)和渲染引擎,支持一键获取当前浏览器的UA信息。

HTTP状态码速查表

在线HTTP状态码速查表,内置22个常用HTTP状态码及中英文说明,按1xx-5xx分类以颜色区分,支持按状态码数字或中英文关键词搜索。

HTTP头解析

解析HTTP请求响应头

IP信息查询

查询IP地址信息

IPv4子网计算器

计算子网掩码和网段

端口扫描模拟

模拟端口扫描

WiFi二维码

生成WiFi连接二维码

二维码生成

生成二维码

ETA完成时间计算器

在线ETA(预计完成时间)计算器,根据已完成量、总量和已用时间,自动计算当前进度百分比、处理速率、剩余所需时间及预计完成的具体时刻。

Git命令速查

在线Git命令速查表,内置21条常用Git命令及中文说明,支持按命令名或功能关键词搜索,点击命令即可一键复制。

正则表达式测试工具

在线正则表达式测试工具,支持自定义正则表达式和标志位,实时高亮显示匹配结果,展示每处匹配的位置及命名捕获组内容。

Docker Run转Compose

在线将docker run命令转换为docker-compose.yml配置文件,自动识别端口映射、数据卷、环境变量、容器名等参数,一键生成规范的Compose YAML。

Nginx配置美化

格式化Nginx配置文件

JWT解析工具

在线JWT (JSON Web Token) 解析工具,粘贴JWT令牌即可解码出Header和Payload的JSON内容,并根据payload中的exp字段自动判断token是否已过期。

JWT生成器

生成JWT令牌