干净 · 高效 · 不打扰的
中文开发者在线工具集

工具列表

• JSON 工具 格式化、压缩、校验、转义 / 去转义，支持中文友好的错误定位。 可用
• Base64 编解码 文本与 Base64 互转，支持 UTF-8 中文与 Emoji，可选 URL 安全变体。 可用
• Base32 编解码 文本与 Base32 双向转换，支持 RFC 4648 标准变体与 Crockford Base32 变体，可选 Crockford 校验和生成与校验，识别用户输入错误。适用于 TOTP 共享密钥、账号号码、密钥指纹等场景。 可用
• Hex 十六进制编解码 文本与 Hex 十六进制双向转换，支持连续、空格分隔、0x 前缀、C 数组、Hex dump（xxd 风格）5 种输出格式，大小写切换。解码时自动识别多种格式，容忍空格、0x 前缀、逗号、注释、Hex dump。适用于二进制调试、字节序列分析、嵌入式开发、颜色值/MAC 地址/Magic Number 查看等场景。 可用
• Punycode 编解码 国际化域名 IDN 与 ACE（xn-- 前缀）双向转换，逐标签处理，展示标签级转换详情与类型。基于 RFC 3492 Bootstring 算法纯原生实现，支持中文域名、多标签、Emoji、ACE 标签长度校验。适用于中文域名注册查询、邮件域名国际化、URL host IDN 转换、DNS 配置调试等场景。 可用
• ASCII Art 横幅生成器 输入文本实时渲染为 ASCII Art 大字横幅，内置 Block（5 行方块）、Banner（7 行宽幅）、Small（3 行紧凑）3 种字体，可调节字符间距，支持复制纯文本与下载 .txt 文件。适用于 GitHub README 标题、终端启动横幅、CLI 签名、控制台输出装饰、注释块标题等场景。纯原生 TypeScript 零依赖实现。 可用
• HTML 格式化与压缩 HTML 代码美化、压缩与校验三合一：美化模式按层级缩进对齐，压缩模式移除注释与空白减小体积，校验模式输出解析统计与可疑问题清单。基于浏览器原生 DOMParser 解析，符合 HTML5 容错规则，自动修复未闭合标签。支持 2/4 空格与 Tab 缩进、保留注释、小写化标签、移除可选闭合标签等选项。适用于服务器模板渲染产物还原、压缩代码调试、代码风格统一、生产部署体积优化等场景。 可用
• CSS 格式化与压缩 CSS 代码美化、压缩与校验三合一：美化模式按嵌套层级缩进对齐，压缩模式移除注释与空白并省略末尾分号，校验模式输出规则声明统计与可疑问题清单。手写 CSS 词法分析器，正确处理字符串字面量与注释，支持嵌套 at-rule（@media / @supports / @keyframes）、@import 无块规则、!important 声明、原生 CSS 嵌套语法。适用于压缩 CSS 还原、第三方库样式阅读、代码风格统一、生产部署体积优化等场景。 可用
• JavaScript 格式化与压缩 JavaScript 代码美化、压缩与校验三合一：美化模式基于括号深度追踪智能换行缩进，压缩模式移除注释与空白合并为单行，校验模式输出函数语句统计与未闭合括号问题清单。手写 JS 词法分析器，正确识别字符串、模板字符串、注释与正则字面量（通过前一个 token 区分除法与正则），支持箭头函数、类、多字符运算符、数字字面量（0x/0o/0b/科学计数法）。适用于压缩 JS 还原、第三方库代码阅读、代码风格统一等场景。 可用
• JSON 转 TypeScript 接口 粘贴 JSON 数据自动推断 TypeScript 类型，生成 export interface 声明。支持联合类型合并（数组元素或字段类型不同时自动合并为联合）、可选字段检测（数组对象字段不一致时标记 ?:）、嵌套对象提取为独立 interface、相同结构去重复用。可选根接口名、export 关键字、数组风格（T[] / Array<T>）。递归遍历 JSON 树，纯原生 TypeScript 零依赖实现。适用于从 API 响应、配置文件、Mock 数据生成 TS 类型定义等场景。 可用
• URL 编解码 encodeURI / encodeURIComponent 双模式，自动处理中文与特殊字符。 可用
• UUID 生成器 批量生成 RFC 4122 版本 4 UUID，可选连字符与大写格式。 可用
• Hash 计算 SHA-1 / SHA-256 / SHA-512 哈希摘要，输出 HEX 或 Base64。 可用
• AES 加解密 AES-GCM / AES-CBC / AES-CTR 三种模式对称加解密，支持 AES-128/192/256 三种密钥长度。密钥输入支持 Hex、Base64、UTF-8 口令、PBKDF2 密码派生四种来源。加密输出密文、IV/Nonce、盐（派生模式），一键「用加密结果填入解密」闭环验证。基于 Web Crypto API 纯原生零依赖实现，适用于 API 加密接口调试、加密结果验证、学习对称加密原理、PBKDF2 密钥派生演示等场景。 可用
• 时间戳转换 Unix 时间戳与本地时间双向转换，支持秒 / 毫秒单位。 可用
• 时区转换器 在线多时区对比与世界时钟：基于 IANA 时区数据库，支持源时区与多个目标时区实时换算、夏令时（DST）识别、UTC 偏移展示、ISO 8601 与 Unix 时间戳复制、12/24 小时制切换。适用于跨时区会议调度、海外团队协作、国际化产品发布时间对齐、航班起落时间换算等场景，纯原生 Intl.DateTimeFormat API 零依赖实现。 可用
• 时间单位换算器 在线时间单位换算器：毫秒、秒、分钟、小时、天、周、月、年八种单位双向换算，支持复合时长字符串解析（如「1h 30min」「2天3小时」）、毫秒转人类可读表示（如「1 天 2 小时 30 分」）。月年采用 Gregorian 历法平均值（1 年 = 365.2425 天）精确换算。适用于缓存 TTL 配置、超时设置、调度间隔换算、日志时间差分析等开发场景，纯原生 TypeScript 零依赖实现。 可用
• 正则表达式测试 实时高亮全部匹配、显示数字与命名捕获组、单条复制、$1/$<name> 替换、内置常用模式速查。 可用
• JWT 解码 解析三段式 JWT，自动 base64url 解码、JSON 美化，显示算法说明、标准声明、过期状态、相对时间（剩余/已过期）、对象/数组字段美化、签名长度参考，并对 alg=none 不安全算法显眼警告。 可用
• JWT 签名生成器 在线签发 JSON Web Token：支持 HS256/HS384/HS512（HMAC 对称密钥）、RS256/RS384/RS512（RSA 非对称密钥）、ES256/ES384/ES512（ECDSA 椭圆曲线非对称密钥）、none（无签名，仅调试）共 10 种算法。可在线生成 RSA 密钥对（2048/3072/4096 位）与 EC 密钥对（P-256/P-384/P-521 曲线），均输出 PEM 与 JWK 双格式；实时校验 Header/Payload JSON，HMAC 密钥长度不足时警告，签名结果三段拆分展示（Header/Payload/Signature base64url + 美化 JSON）。基于 Web Crypto API 纯原生 TypeScript 零依赖实现，密钥不离开浏览器。 可用
• JWT 签名验证工具 在线验证 JWT 签名：支持 HS256/HS384/HS512（HMAC 对称密钥）、RS256/RS384/RS512（RSA 公钥）、ES256/ES384/ES512（ECDSA 椭圆曲线公钥）、none 共 10 种算法验签。粘贴 JWT 自动识别算法并切换密钥输入区，实时校验 exp/nbf/iat 时间声明，算法白名单防御 alg=none 攻击，验签结果三段拆分展示（Header/Payload/Signature base64url + 美化 JSON），区分「签名无效」与「声明不合规」便于排查。基于 Web Crypto API 纯原生 TypeScript 零依赖实现，密钥不离开浏览器。 可用
• JWE 解码 解析 JWE 五段式加密令牌（protected.encrypted_key.iv.ciphertext.tag），自动解码 Protected Header 与五段拆分视图，基于 Web Crypto API 本地解密 dir / A128KW / A256KW / RSA-OAEP-256/384/512 等主流算法，明文 JSON 自动美化，若为 JWT 提示继续解码。 可用
• 颜色格式转换 HEX / RGB / HSL / HSV / CMYK 五格式互转，含拾色器、大色块预览、5 种和谐配色方案生成。 可用
• HTML 实体编解码 HTML 实体与文本双向转换，支持命名实体、十进制与十六进制数字实体，内置常用实体速查表与 XSS 防御演示。 可用
• 颜色对比度检查 WCAG 2.1 对比度比值实时计算，AA / AAA 评级（普通文字 / 大文字 / UI 组件），配真实文字渲染预览。 可用
• 调色板生成器 在线调色板生成器：6 种和谐配色方案（互补 / 类似 / 三角 / 分割互补 / 四角 / 单色阶）、设计系统色阶（Tailwind 50-950 / Material 100-900）、明度色调（Tints / Shades / Tones）、WCAG 2.1 对比度检查、三种色盲模拟（红色盲 / 绿色盲 / 蓝色盲），支持导出 CSS 变量 / Tailwind 配置 / SCSS / JSON / Android XML / iOS Swift 六种格式。纯原生 TypeScript 零依赖实现，适用于设计系统构建、品牌配色、无障碍色彩合规、色盲友好性验证等场景。 可用
• CSV / JSON 互转 CSV 与 JSON 双向转换，状态机解析引号包裹与字段内换行，嵌套对象展平为点号路径列。配表格预览、智能类型推断（数字 / 布尔 / null 自动识别 + 前导零与大整数风险提示）、Excel 兼容下载。 可用
• CSV 与 Markdown 表格互转 CSV 与 GFM Markdown 管道表格双向转换：手写状态机解析 CSV 引号包裹与字段内换行，支持 4 种列对齐方式（左/中/右/默认）、4 种分隔符（逗号/分号/Tab/管道符）、管道符自动转义。适用于 GitHub README 表格、技术文档编写、数据库导出转 Markdown、博客内容迁移等场景。全本地处理，零上传零追踪。 可用
• JSON 转 XML 转换工具 JSON 数据一键转换为 XML 文档，支持根节点名、数组项名、属性风格、CDATA 包裹、XML 声明、缩进（2/4 空格或 Tab）、null 表示（空元素或 xsi:nil）等配置，自动转义特殊字符，非法标签名自动修正，附带 well-formed 校验。适用于 SOAP 服务对接、SVG 生成、Office 文档、Android 资源、旧系统配置等场景，纯原生 TypeScript 零依赖实现。 可用
• XML 转 JSON 转换工具 XML 文档一键解析为 JSON 数据，基于浏览器原生 DOMParser 实现，支持属性名前缀、文本节点名、CDATA 合并 / 分离、空元素表示、类型推断、注释过滤、缩进等配置，同名子元素自动合并为数组，XXE 防护。适用于 SOAP 响应解析、RSS / Atom Feed 读取、SVG / Office 文档解析、Spring / Maven 配置转换等场景，纯原生 TypeScript 零依赖实现。 可用
• Markdown 预览器 实时分屏预览 Markdown：16 个工具栏快捷按钮、双向同步滚动、字数统计、HTML 导出、草稿自动保存。手写轻量 GFM 解析器，零依赖、XSS 安全。 可用
• HTML 转 Markdown 将 HTML 文档或网页片段一键转换为 Markdown 格式。基于浏览器原生 DOMParser 解析，支持标题、列表、代码块、表格、引用、链接、图片、GFM 任务列表等完整语法。可配置 ATX/Setext 标题风格、围栏/缩进代码块、列表标记符，自动忽略 script/style 等非内容标签。与 Markdown 预览器形成双向转换闭环，适用于网页内容提取、博客平台迁移、笔记整理、AI 训练数据准备等场景。 可用
• MIME 类型查询 内置 100+ 常见文件扩展名与 MIME 类型对照表，覆盖文档/图片/音频/视频/压缩/代码/字体/应用 8 大类别，支持搜索过滤、类别筛选、一键复制扩展名或 MIME 类型。 可用
• YAML / JSON 互转 YAML 与 JSON 双向转换：支持注释、多文档（--- 分隔）、锚点 / 别名、流 / 块样式。配语法校验、精确错误定位、YAML 类型推断陷阱提示（yes/no 布尔、日期自动解析）、缩进配置。 可用
• TOML / JSON 互转 TOML 与 JSON 双向转换：支持注释、数组表 [[...]]、点号键、内联表、多行字符串、4 种日期时间类型。配语法校验、精确错误定位、TOML 类型陷阱提示（日期时间类型丢失、大整数精度丢失、null 不支持）。 可用
• 二维码生成器 在线生成 QR Code 二维码：支持文本 / URL / WiFi 配置 / 邮件四类预设，可调节容错等级（L/M/Q/H）、尺寸、留白、前景 / 背景色，实时预览并下载 PNG / SVG。配对比度检查避免扫描失败。 可用
• 密码生成器 在线生成强密码：自定义长度（4-128）与字符集（小写 / 大写 / 数字 / 符号 / 排除易混字符），批量生成，实时计算香农熵并评估强度等级。基于 crypto.getRandomValues（CSPRNG）+ 拒绝采样消除模偏差。 可用
• 密码哈希工具 在线密码哈希工具：支持 bcrypt 与 PBKDF2 两种主流算法，可生成哈希、验证密码是否匹配。bcrypt 支持 cost 因子调节（4-14），PBKDF2 支持迭代数（1 万-100 万）与 SHA-256/SHA-512 哈希函数选择，盐值由 CSPRNG 自动生成。基于 bcryptjs 与浏览器原生 Web Crypto API 实现，全本地处理，零上传零追踪。 可用
• 文本对比工具 在线文本对比（Diff）：基于 LCS 算法实时计算行级与字符级/词级差异，支持分屏对比与统一 diff 两种视图，行内字符级（精确到字符）与词级（Git --word-diff 风格，按单词/标点切分，Unicode 感知）两种高亮模式精确标记被修改段，统计新增 / 删除 / 修改行数与相似度百分比，可选大小写敏感、忽略行首尾空白、忽略空行、行内高亮模式切换。 可用
• CRON 表达式解析器 在线解析 CRON 表达式：5 字段语法 + L/W/# 扩展字符，实时生成中文执行描述、计算未来 5 次执行时间。内置 12 个常用预设（每分钟、工作日 9 点、月末等），适用于 crontab、K8s CronJob、systemd timer 等定时任务场景。 可用
• IP 子网计算器 在线 IP 子网计算器：支持 IPv4 / IPv6 双栈，输入 CIDR 或 IP / 掩码即可计算网络地址、广播地址、子网掩码、通配符掩码、主机范围与可用主机数，自动判定私有 / 环回 / 多播 / 链路本地 / 保留地址与 IP 类别，提供二进制按位可视化与子网划分（VLSM）功能。 可用
• Base64 图片互转 在线图片与 Base64 双向转换：拖拽 / 粘贴 / 上传图片生成 Data URL，或将 Base64 字符串解码为图片预览。支持 PNG / JPEG / WebP 格式互转与质量调节，一键复制为 Data URL、纯 Base64、<img> 标签或 CSS 背景四种格式。 可用
• 图片压缩工具 在线图片压缩工具：支持 PNG / JPEG / WebP 格式互转与压缩，质量调节（1-100）、等比缩放尺寸，实时预览压缩前后效果与压缩比。基于 Canvas API 全本地处理，零上传零追踪，适用于博客图片优化、网页性能提升、邮件附件压缩等场景。 可用
• EXIF 信息查看器 在线 EXIF 元数据查看器：支持 JPEG / PNG / WebP / TIFF / HEIC 图片的 EXIF、IPTC、XMP、ICC 元数据解析。查看相机型号、拍摄参数（光圈、快门、ISO、焦距）、GPS 定位、拍摄时间等信息，提供分类视图与 JSON 原始数据视图，一键复制。基于 exifr 全本地解析，零上传零追踪，适用于照片信息查看、隐私元数据检查等场景。 可用
• 图片元数据打包工具 在线图片元数据批量打包工具：支持 JPEG / PNG / WebP / TIFF / HEIC / GIF / AVIF / BMP 批量上传，一次性提取 EXIF / IPTC / XMP / ICC Profile 全部元数据，自动检测 GPS 定位、设备序列号、个人信息、软件签名、内嵌缩略图 5 类隐私敏感字段并给出风险等级与清理建议。提供 JSON / Markdown / CSV / ZIP 四种格式报告导出，ZIP 包含每图独立 JSON + manifest.json + README.txt + summary.md + summary.csv，纯浏览器原生 API 打包零依赖。基于 exifr 库全本地解析，零上传零追踪，适用于照片分享前隐私检查、批量图片元数据审计、合规归档、CI/CD 元数据回归测试等场景。 可用
• SVG 优化器 在线 SVG 优化器：纯本地处理，去除 XML 声明、DOCTYPE、注释、metadata、Inkscape / Sketch / Adobe 编辑器残留属性与无意义 id，简化数字精度（0.5 → .5），去除默认值属性（fill="black"），压缩空白换行。内置保守 / 标准 / 激进 3 套预设与 11 条规则独立开关，实时预览优化前后效果，一键复制下载。零广告零追踪，SVG 内容不离开浏览器，适用于网页性能优化、SVG 内联、图标精简、favicon 压缩等场景。 可用
• 图片格式转换工具 在线图片格式转换工具：支持 PNG / JPEG / WebP / AVIF 四种格式批量互转，自动检测浏览器编码能力，内置全格式体积对比模式（一键生成四种格式结果并标记最小体积），可选质量调节、等比缩放、不透明格式背景色。基于 Canvas API 全本地处理，零上传零追踪，适用于 Web 性能优化、AVIF 迁移、图片格式选型对比等场景。 可用
• 图片水印工具 在线图片水印工具：支持文字水印与图片水印两种类型，内置九宫格位置 + 全图平铺共 10 种布局，可调节旋转角度、不透明度、字号、描边、缩放比例，批量处理最多 20 张底图，导出 PNG / JPEG / WebP / AVIF 格式。基于 Canvas API 全本地处理，零上传零追踪，适用于版权保护、截图署名、文档防伪、品牌水印、防盗图等场景。 可用
• 图片裁剪工具 在线图片裁剪工具：支持自由裁剪与 1:1 / 4:3 / 3:4 / 16:9 / 9:16 / 3:2 / 2:3 / 自定义共 9 种比例，提供可视化裁剪框 + 8 个调整手柄，可拖动可调整大小，支持精确数值输入（X / Y / 宽 / 高）与居中、重置、全图快捷操作，可等比缩放输出，导出 PNG / JPEG / WebP / AVIF 格式。基于 Canvas API drawImage 源矩形参数全本地处理，零上传零追踪，适用于头像裁剪、社交媒体封面、视频缩略图、电商主图、证件照等场景。 可用
• 图片缩放工具 在线图片缩放工具：支持按宽度 / 按高度 / 按宽高（可锁定等比） / 按百分比 / 按预设尺寸共 5 种缩放模式，内置 8 种预设（缩略图 256 / SD 480p / HD 720p / FHD 1080p / 2K 1440p / 4K 2160p / 原图 50% / 原图 200%），可选允许或禁止放大，导出 PNG / JPEG / WebP / AVIF 格式，支持批量缩放与 ZIP 打包下载。基于 Canvas API drawImage 整图重采样（imageSmoothingQuality=high）全本地处理，零上传零追踪，适用于社交媒体上传、电商商品图、博客配图、缩略图生成、壁纸适配等场景。 可用
• EXIF 元数据编辑器 在线 EXIF 元数据编辑器：支持删除 GPS 定位、相机型号、拍摄参数、软件信息、MakerNote、缩略图等 7 种编辑操作，可选修改拍摄时间，提供编辑前后元数据对比视图。自实现 JPEG 二进制结构解析（SOI/APP1/TIFF/IFD）与原地修改策略（零写 tag 字段 + 修正 IFD count），无第三方解析库依赖。基于浏览器本地 Uint8Array 处理，零上传零追踪，适用于照片分享前隐私清理、元数据脱敏、批量处理等场景。 可用
• 占位文本与 Mock 数据生成器 在线占位文本与 Mock 数据生成器：支持 Lorem Ipsum 英文占位、中文占位文本（段落 / 句子 / 单词三种粒度），以及中英文姓名、邮箱、URL、手机号、UUID、IPv4、颜色、日期、数字、布尔共 11 种假数据，可输出纯文本、JSON 数组、CSV、Markdown 表格四种格式，基于 CSPRNG 保证随机质量。 可用
• 文本统计分析工具 在线文本统计分析工具：实时计算字符数、词数、行数、段落数、句子数，支持中英文混合统计，估算阅读时间，分析关键词频率 Top 10。适用于文章字数统计、SEO 内容长度检查、稿费计算、排版规划。 可用
• 进制转换工具 在线进制转换工具：二进制、八进制、十进制、十六进制实时互转，支持 BigInt 超大整数（突破 2^53 限制），自动识别 0b / 0o / 0x 编程语言字面量前缀，二进制结果按 4 位分组便于位运算阅读。适用于颜色值换算、权限位掩码、寄存器调试、地址偏移计算等场景。 可用
• IEEE 754 浮点数可视化 在线 IEEE 754 浮点数可视化工具：十进制浮点数与二进制位串双向转换，支持单精度（32 位）与双精度（64 位），符号位/指数位/尾数位三色可视化分解，自动识别零、非规格化数、无穷大、NaN。适用于理解浮点数精度问题、0.1+0.2≠0.3 原因分析、计算机组成原理学习等场景。 可用
• 文本大小写转换工具 在线文本大小写转换工具：支持全大写、全小写、首字母大写、句子首字母大写、驼峰命名、帕斯卡命名、下划线命名、短横线命名、句点分隔、反转大小写 10 种格式互转。智能识别驼峰、下划线、短横线等命名边界，实时预览所有格式结果，一键复制。适用于编程命名风格转换、文本格式化、数据清洗等场景。 可用
• 文本去重工具 在线文本去重工具：按行去重保留首次或末次出现、合并连续重复行，支持大小写敏感、去除空行、去重后排序。实时统计原始行数、去重后行数、重复率。适用于日志去重、邮件列表清洗、数据导出去重、代码片段去重等场景。全本地处理，零上传零追踪。 可用
• 文本排序工具 在线文本排序工具：支持字母升序/降序、数值升序/降序、长度升序/降序、自然排序（识别嵌入数字）、随机打乱 8 种排序模式。可选大小写敏感、去除空行、排序后去重。随机打乱使用 crypto.getRandomValues 实现无偏差 Fisher-Yates 洗牌。适用于名单排序、版本号排列、数据整理、随机抽取顺序等场景。全本地处理，零上传零追踪。 可用
• 随机选择器 在线随机选择器：从输入列表中随机抽取 N 项，支持允许重复抽取、候选项去重、去除空行等选项。使用 crypto.getRandomValues 加密级随机数生成器配合拒绝采样实现无偏差抽取。适用于抽奖、随机分组、随机点名、A/B 测试分配、菜品随机选择等场景。全本地处理，零上传零追踪。 可用
• URL Slug 生成器 在线 URL Slug 生成器：将文章标题、商品名称或任意文本转为 URL 友好的 slug。支持连字符、下划线、句点三种分隔符，可选转小写、保留中文、移除英文停用词、最大长度限制。适用于博客文章 URL 生成、商品页面 URL 规范化、文件名安全转换、锚点 ID 生成等场景。全本地处理，零上传零追踪。 可用
• 文本反转工具 在线文本反转工具：支持字符反转（整段文本字符顺序反转）、行反转（行顺序反转）、单词反转（每行内单词顺序反转）三种模式，可选反转大小写、去除空行。使用 Unicode 安全的 Array.from 处理，正确支持 Emoji 和代理对。适用于文本加密混淆、回文检测辅助、数据顺序调整、创意文案生成等场景。全本地处理，零上传零追踪。 可用
• 字符替换工具 在线查找替换工具：支持普通文本替换与正则表达式替换两种模式。普通模式字面量匹配可选大小写敏感，正则模式支持 g/m/i 标志与 $1、$& 等捕获组引用。实时统计替换次数，一键交换查找与替换内容。适用于批量改名、模板填充、日志脱敏、CSV 字段替换、代码重构等场景。全本地处理，零上传零追踪。 可用
• 文本截断工具 在线文本截断工具：支持按字符数（Unicode 码点）、字节数（UTF-8 编码）、行数三种方式截断文本。可选自定义省略号、保留单词边界避免截断单词。使用 Array.from 正确处理 Emoji 代理对，TextDecoder 逐字节回退保证 UTF-8 字符边界完整。适用于摘要生成、输入框字数限制、数据库字段截断、SEO meta description 长度控制等场景。全本地处理，零上传零追踪。 可用
• 文本相似度对比工具 在线文本相似度计算工具：实时计算 Levenshtein 编辑距离、相似度比率、Jaccard 相似度、最长公共子序列（LCS）四种指标，提供字符级差异高亮。支持大小写敏感、去除空白、忽略空行等选项。适用于查重检测、文本去重、模糊匹配、版本对比、抄袭检测辅助等场景。全本地处理，零上传零追踪。 可用
• 摩斯密码编解码工具 在线摩斯密码编解码工具：支持文本与摩斯码双向转换，覆盖字母、数字、常用标点。内置 Web Audio API 音频播放器，可调节速度（WPM 5-40）与音高（300-1000Hz），附带完整摩斯码速查表。适用于业余无线电学习、密码学教育、SOS 求救信号练习等场景。全本地处理，零上传零追踪。 可用
• SQL 格式化与压缩 在线 SQL 美化与压缩工具：支持关键字大小写转换、主子句换行、JOIN 前换行、AND/OR 前换行、子查询缩进、CASE/WHEN 缩进、2/4 空格缩进切换、逗号后空格或换行；压缩模式可移除注释；内置基础语法校验（引号 / 括号 / 块注释闭合）与关键字 / 字符串 / 数字 / 注释分色高亮，提供 SELECT / JOIN / INSERT / UPDATE / DELETE / CREATE 共 6 个常见 SQL 模板。 可用
• HTTP 状态码查询 在线 HTTP 状态码查询工具：覆盖 1xx / 2xx / 3xx / 4xx / 5xx 共 55+ 状态码，含详细说明、典型场景、常见原因、排查建议、RESTful API 用法、相关响应头与相关状态码对比。支持搜索、5 大类分类筛选、一键复制状态码，适用于前端调试接口错误、后端设计 RESTful API、SEO 重定向策略（301/302/307/308）、错误码定位（401/403/404/429/500/502/503/504）等场景。 可用
• HTTP Header 解析与生成 在线 HTTP Header 工具：内置 40+ 常用请求头/响应头/CORS/安全/缓存头速查表（含 Host、User-Agent、Authorization、Cookie、Set-Cookie、Content-Type、Cache-Control、ETag、Access-Control-Allow-Origin、Content-Security-Policy 等），每条含语法、示例、详细说明与易错点。解析器支持原始报文与 cURL -H 风格，生成器根据 URL + 方法 + Header + Body 一键生成等效 cURL 命令与 JavaScript fetch 代码。适用于调试跨域 CORS、设计缓存策略、配置安全响应头、生成 API 调用示例等场景。 可用
• User-Agent 解析与识别 在线 User-Agent 解析工具：支持识别 60+ 浏览器（Chrome/Edge/Safari/Firefox/微信/QQ/UC/360/Opera 等）、主流操作系统（Windows/macOS/iOS/Android/Linux/HarmonyOS）、设备类型（桌面/手机/平板）、渲染引擎（Blink/WebKit/Gecko）与爬虫机器人（Googlebot/Bingbot/百度爬虫/cURL 等）。内置 60+ 浏览器速查表、真实 UA 示例库与跨标签页载入解析。适用于调试移动端适配、识别爬虫访问、统计分析访问来源、设计自适应布局等场景，全本地处理零上传。 可用
• HTTP 请求代码生成器 在线 HTTP 请求代码生成器：统一配置 URL、方法、Headers、认证与请求体，一键生成 5 种主流语言客户端调用代码（cURL / JavaScript fetch / axios / Python requests / Go net/http）。支持 4 种认证方式（无认证 / Basic Auth / Bearer Token / API Key，API Key 可选 Header 或 Query 注入）、5 种请求体格式（JSON / multipart/form-data / application/x-www-form-urlencoded / Raw / 无）、高级选项含超时、重定向跟随、SSL 证书校验。内置 6 个高频预设场景（GET 查询 / POST 创建 / PUT 更新 / 表单提交 / Basic 认证 / API Key 调用）。适用于跨语言 API 调用代码转换、客户端 SDK 文档示例生成、Postman 替代、接口调试与教学等场景，所有配置仅在浏览器本地处理，零上传零追踪。 可用
• DNS 查询工具 在线 DNS 查询工具：基于 DNS over HTTPS（DoH）协议直连 Cloudflare / Google / DNS.SB 公共服务器，支持 16 种记录类型查询（A / AAAA / CNAME / MX / TXT / NS / SOA / PTR / CAA / SRV / DS / DNSKEY / TLSA / HTTPS / SVCB / NAPTR），含 DNSSEC 验证状态解读（AD / CD 字段）、TTL 人类可读格式化、dig 风格文本导出与原始 JSON 查看。浏览器直连 DoH 服务器，查询不经本站服务器，不记录任何查询内容。适用于域名解析排查、CDN 切换验证、邮件 MX/SPF/DKIM 调试、DNSSEC 部署验证、HTTP/3 升级提示分析、安全研究等场景。内置 10 个高频预设示例（IPv4/IPv6 解析、CDN 别名、邮件服务器、SPF 文本、权威 NS、CA 授权、HTTPS 记录、DNSSEC 公钥、DS 签名）与最多 10 条历史查询记录。 可用
• TLS 证书解析工具 在线 TLS/SSL 证书解析工具：纯浏览器本地解析 PEM 格式 X.509 证书，提取版本、序列号、签发者、有效期、主体、公钥、SAN、扩展、签名值等全部字段，自动计算 SHA-1 与 SHA-256 指纹，支持证书链解析（多 PEM 块）、OpenSSL 风格文本导出、识别 CA 证书、自签证书、过期状态、CRL/OCSP/AIA 端点、证书透明度（SCT）。零上传零追踪，证书内容不离开本机。适用于 HTTPS 证书调试、Let's Encrypt 续期验证、自签证书生成检查、证书链构造、PKI 学习、安全研究等场景。 可用
• JSONPath 查询工具 在线 JSONPath 查询工具：基于 RFC 9535 标准实现的三阶段解析器（词法 / 语法 / 求值），支持 $ 根、.name 子节点、..name 递归下降、[*] 通配符、[index] 索引（含负索引）、[?(filter)] 过滤表达式（==/!=/>/>=/</<=/=~ 与 &&/||/! 组合），内置 12 个预设示例与电商订单 / 用户列表示例数据，查询结果展示索引、类型标签与单条复制，零依赖纯函数实现，适用于 API 响应提取、JSON 数据探查、配置筛选、自动化测试断言等场景。 可用
• JSON Schema 校验 在线 JSON Schema 校验工具：基于 draft-07 标准自实现的轻量校验器，支持 type/required/properties/items/enum/const/数值范围/字符串长度与 pattern 与 format/数组 uniqueItems/对象 additionalProperties/allOf/anyOf/oneOf/not/$ref 内部引用等核心关键字。实时校验、错误路径精确定位、关键字分类徽章、中文错误消息，零依赖纯 TS 实现（约 14KB），适用于 API 请求体校验、配置文件验证、表单数据校验、OpenAPI/Swagger schema 验证等场景。 可用
• YAML Schema 校验 在线 YAML Schema 校验工具：用 JSON Schema（draft-07）校验 YAML 数据，复用轻量校验引擎，覆盖 type/required/properties/items/enum/数值范围/字符串 pattern 与 format/数组 uniqueItems/$ref 等核心关键字。额外检测 YAML 类型推断陷阱（yes/no/on/off 布尔化、版本号被解析为数字等），适用于 Kubernetes 清单（Deployment/Service/Pod）、CI/CD 配置（GitHub Actions/GitLab CI）、Helm values、docker-compose 等场景。实时校验、错误路径定位、关键字分类徽章，全部本地处理。 可用
• TOML Schema 校验 在线 TOML Schema 校验工具：用 JSON Schema（draft-07）校验 TOML 数据，复用轻量校验引擎，覆盖 type/required/properties/items/enum/数值范围/字符串 pattern 与 format/数组 uniqueItems/$ref 等核心关键字。额外检测 TOML 类型陷阱（日期时间值转 JSON 丢失类型信息、64 位整数超过 Number.MAX_SAFE_INTEGER 丢失精度），适用于 pyproject.toml（PEP 621）、Cargo.toml、rust-toolchain.toml、renovate.json 等场景。实时校验、错误路径定位、关键字分类徽章，全部本地处理。 可用
• 正则表达式性能基准 在线正则表达式性能基准测试工具：执行 N 次匹配统计平均/最大/最小/标准差耗时，静态分析检测嵌套量词、重叠分支、通配量词三类 ReDoS 危险模式，渐进式压力测试用递增长度输入判断是否指数级回溯。内置经典 ReDoS 示例 (a+)+ 与安全正则示例，适用于上线前正则性能审计、ReDoS 漏洞排查、正则优化效果对比等场景。 可用
• CSS 盒阴影生成器 在线 CSS box-shadow 盒阴影可视化生成器：支持多层阴影叠加、X/Y 偏移、模糊半径、扩散半径、颜色、inset 内阴影全参数调节，实时预览效果，一键复制 CSS 代码。内置柔和、卡片、硬阴影、内阴影、霓虹光、浮起 6 组预设阴影效果。适用于卡片设计、按钮交互、Material Design、毛玻璃效果等前端开发场景。全本地处理，零上传零追踪。 可用
• CSS 渐变生成器 在线 CSS 渐变可视化生成器：支持线性渐变（linear-gradient）与径向渐变（radial-gradient），角度调节、8 方向预设、颜色停止点增删与位置调节、径向中心位置控制，实时预览效果，一键复制 CSS 代码。内置日落、海洋、极光、紫粉、暖橙、深空、三色 7 组预设渐变。适用于网页背景、按钮设计、卡片渐变、Banner 海报等前端开发场景。全本地处理，零上传零追踪。 可用
• CSS 文字阴影生成器 在线 CSS text-shadow 文字阴影可视化生成器：支持多层阴影叠加、X/Y 偏移、模糊半径、颜色全参数调节，可编辑预览文字、字号、字重、文字颜色与背景色，实时预览效果，一键复制 CSS 代码。内置霓虹、3D、浮雕、描边、凹陷、硬阴影、发光 7 组预设效果。适用于标题设计、按钮文字、Logo 效果、海报排版等前端开发场景。全本地处理，零上传零追踪。 可用
• CSS border-radius 生成器 在线 CSS border-radius 圆角可视化生成器：支持单一值、四角独立、椭圆八值三种编辑模式，px 与 % 单位切换，6 组预设效果（圆形、胶囊、卡片、不对称、椭圆、波浪），实时预览圆角效果，一键复制 CSS 代码。适用于按钮设计、卡片圆角、头像裁剪、不规则形状等前端开发场景。全本地处理，零上传零追踪。 可用
• CSS transform 可视化工具 在线 CSS transform 变换可视化生成器：支持 translate 平移、rotate 旋转、scale 缩放、skew 倾斜四种变换组合，transform-origin 变换原点 9 预设位置，px 与 % 单位切换，6 组预设效果（旋转、放大、倾斜、平移、翻转、组合），实时预览变换前后对比，一键复制 CSS 代码。适用于动画设计、卡片悬浮、图标旋转、视差效果等前端开发场景。全本地处理，零上传零追踪。 可用
• CSS 滤镜生成器 在线 CSS filter 滤镜可视化生成器：支持 blur 模糊、brightness 亮度、contrast 对比度、grayscale 灰度、hue-rotate 色相旋转、invert 反色、opacity 透明度、saturate 饱和度、sepia 褐色、drop-shadow 投影共 10 种滤镜函数，每个滤镜独立启用与参数调节，8 组预设效果（复古、黑白、高饱和、冷色、暖色、朦胧、反色、原图），实时预览效果，一键复制 CSS 代码。适用于图片处理、视觉特效、图标调色等前端开发场景。全本地处理，零上传零追踪。 可用
• CSS clip-path 路径裁剪生成器 在线 CSS clip-path 路径裁剪可视化生成器：支持 polygon 多边形（交互式顶点拖拽编辑）、circle 圆形、ellipse 椭圆、inset 内嵌矩形四种裁剪类型，多边形可在编辑器中点击添加顶点、拖拽移动、选中删除。内置三角形、菱形、五边形、六边形、星形、心形、箭头、对话气泡 8 组预设。实时预览裁剪效果，一键复制 CSS 代码。适用于创意形状、异形卡片、SVG 蒙版替代等前端开发场景。全本地处理，零上传零追踪。 可用
• CSS Flexbox 可视化生成器 在线 CSS Flexbox 弹性盒子布局可视化生成器：完整支持 display、flex-direction、flex-wrap、justify-content、align-items、align-content、gap 容器属性，以及 order、flex-grow、flex-shrink、flex-basis、align-self 单项属性。点击预览中的项即可独立编辑，实时预览布局效果，一键复制容器与项的 CSS 代码。内置居中、两端对齐、等间距、垂直居中、顶部、底部、卡片网格、圣杯布局 8 组预设。适用于导航栏、卡片列表、工具栏、表单按钮组、响应式布局等前端开发场景。全本地处理，零上传零追踪。 可用
• CSS Grid 可视化生成器 在线 CSS Grid 网格布局可视化生成器：完整支持 display、grid-template-columns、grid-template-rows、gap、justify-items、align-items、justify-content、align-content、grid-auto-flow 容器属性，以及 grid-column span、grid-row span、justify-self、align-self 单项属性。支持 fr / px / % / auto 四种轨道类型动态增删，点击预览中的项即可独立编辑跨列跨行，实时预览二维布局效果，一键复制 CSS 代码。内置三列等宽、圣杯、侧栏+主内容、卡片网格、Header-Main-Footer、杂志布局、垂直堆叠、水平排列 8 组预设。适用于页面主布局、卡片墙、仪表盘、杂志式排版等前端开发场景。全本地处理，零上传零追踪。 可用
• CSS animation 动画生成器 在线 CSS animation 动画生成器：可视化编辑 @keyframes 关键帧，每帧支持 translate、rotate、scale、opacity 属性，完整配置 duration、timing-function、delay、iteration-count、direction、fill-mode、play-state 八大属性，实时预览动画效果，一键复制 @keyframes 与 animation CSS 代码。内置弹跳、旋转、脉冲、淡入、淡出、右滑入、抖动、摇摆 8 组预设动画。适用于加载动画、交互动效、入场效果等前端开发场景。全本地处理，零上传零追踪。 可用
• CSS transition 过渡生成器 在线 CSS transition 过渡生成器：可视化配置 transition-property、duration、timing-function、delay 四大属性。内置 cubic-bezier 曲线编辑器（SVG 可拖拽控制点，支持 y 轴超出 [0,1] 实现回弹效果）与 steps() 阶跃函数支持。鼠标悬停实时预览过渡效果，一键复制 CSS 代码。内置平滑过渡、弹性回弹、慢出、快入、阶跃动画、旋转、缩放回弹、阴影过渡 8 组预设。适用于按钮悬停、状态切换、交互动效等前端开发场景。全本地处理，零上传零追踪。 可用
• CSS background 复合属性生成器 在线 CSS background 复合属性生成器：可视化编辑多层背景叠加（最多 4 层），每层支持线性渐变、径向渐变、图片 URL，独立配置 repeat、position、size、attachment。支持 background-clip: text 文字裁剪特效、9 宫格位置选择、视差固定背景。实时预览，一键复制 CSS 简写代码。内置线性渐变、径向光晕、图片平铺、视差固定、多层叠加、文字裁剪、渐变叠图片、暖色渐变 8 组预设。适用于网页背景设计、Hero 区视觉、卡片纹理、文字渐变填充等前端开发场景。全本地处理，零上传零追踪。 可用
• CSS scroll-snap 滚动捕捉生成器 在线 CSS scroll-snap 滚动捕捉生成器：可视化编辑 scroll-snap-type（x/y/both 轴 + mandatory/proximity 严格度）、scroll-snap-align（none/start/center/end）、scroll-snap-stop（normal/always）、scroll-padding、scroll-margin 全属性。可实际滚动的预览区真实体验捕捉效果，点击子项独立编辑属性。实时预览，一键复制 CSS 代码。内置横向轮播、全屏滚动、图片画廊、分页滚动、卡片滑动、垂直时间线、网格捕捉、自由滑动 8 组预设。适用于轮播图、全屏滚动、图片画廊、分页导航、时间线等前端开发场景。全本地处理，零上传零追踪。 可用
• CSS writing-mode 书写模式生成器 在线 CSS writing-mode 书写模式生成器：可视化编辑 writing-mode（horizontal-tb/vertical-rl/vertical-lr/sideways-rl/sideways-lr）、text-orientation（mixed/upright/sideways）、direction（ltr/rtl）、text-combine-upright（数字横排）全属性。可编辑预览区实时体验竖排中文、日文竖排、阿拉伯文 RTL、蒙古文等排版效果。实时预览，一键复制 CSS 代码。内置默认横排、竖排中文、竖排日文、阿拉伯文 RTL、蒙古文、古籍竖排、现代杂志、数字横排 8 组预设。适用于中文竖排、日文竖排、阿拉伯文 RTL、蒙古文、古籍排版、多语言国际化等前端开发场景。全本地处理，零上传零追踪。 可用
• CSS @container 容器查询生成器 在线 CSS @container 容器查询生成器：可视化编辑 container-type（size/inline-size/normal）与 container-name 容器声明，构建多条 @container 查询（min-width/max-width 阈值 + 命中后样式）。可拖拽调整预览容器宽度，实时观察样式随容器尺寸变化的"组件级响应式"效果。实时预览，一键复制 CSS 代码。内置单断点窄宽、双断点窄中宽、卡片三栏自适应、字号自适应、紧凑/宽松切换、侧栏显隐、渐变颜色 4 断点等 8 组预设。适用于卡片组件、面板布局、组件库响应式设计等现代前端开发场景。全本地处理，零上传零追踪。 可用
• CSS Nesting 原生嵌套生成器 在线 CSS Nesting 原生嵌套生成器：可视化编辑根选择器与嵌套子规则，完整支持 & 嵌套选择器（&:hover / &.active / & + .sibling）、嵌套 @media / @supports / @container 等 at-rule、@media 内继续嵌套选择器的两层嵌套结构。iframe 隔离预览实时应用嵌套 CSS，可编辑预览 HTML，8 组预设覆盖卡片组件、按钮状态、响应式布局、导航菜单、表单输入、列表条纹、工具提示等场景。实时生成浏览器原生支持的嵌套 CSS 代码（2023 起全主流浏览器支持），一键复制。适用于组件化 CSS、BEM 替代方案、样式作用域组织等现代前端开发场景。全本地处理，零上传零追踪。 可用
• CSS @layer 层叠层生成器 在线 CSS @layer 层叠层生成器：可视化编辑多个级联层并定义层叠顺序，完整支持层声明语句（@layer reset, base, components, utilities;）、具名层与匿名层、层内规则与声明、!important 切换、未分层样式区。内置级联胜出分析，按目标选择器实时计算每个属性的最终胜出声明与原因，完整实现 @layer 级联算法——普通声明（未分层 > 后层 > 前层）与 !important 反转（前层 > 后层 > 未分层）。iframe 隔离预览实时应用层叠 CSS，8 组预设覆盖经典四层、第三方库隔离、主题覆盖、未分层最高、!important 反转等场景。实时生成浏览器原生支持的 @layer CSS 代码（2022 起全主流浏览器支持），一键复制。适用于第三方库样式隔离、主题系统设计、CSS 优先级管理。全本地处理，零上传零追踪。 可用
• CSS @scope 作用域生成器 在线 CSS @scope 作用域生成器：可视化编辑多个作用域块，完整支持根选择器（@scope (.card)）、下边界子句（to (.content)）、甜甜圈作用域（donut scope）、:scope 伪类与 & 选择器、相对选择器解析。内置作用域说明面板，实时展示每条规则的完整选择器与下边界排除范围。iframe 隔离预览实时应用作用域 CSS，8 组预设覆盖基本作用域、甜甜圈作用域、卡片组件、多组件作用域、导航菜单、表单组件、列表条纹等场景。实时生成浏览器原生支持的 @scope CSS 代码（2024 起全主流浏览器支持），一键复制。适用于组件级样式隔离、避免选择器冲突、替代 Shadow DOM 轻量方案、BEM 命名替代。全本地处理，零上传零追踪。 可用
• CSS scroll-driven 动画生成器 在线 CSS scroll-driven 动画生成器：可视化编辑滚动驱动动画，完整支持 scroll()（滚动位置驱动）与 view()（元素可见性驱动）两种时间线、animation-timeline 属性、animation-range 范围控制（cover/contain/entry/exit/entry-crossing/exit-crossing）、命名时间线、@keyframes 关键帧编辑。内置原理说明面板，实时展示时间线类型、滚动容器源、轴向、范围语义。iframe 沙箱预览可在预览区内滚动实时查看动画效果，7 组预设覆盖滚动进度条、淡入入场、视差滚动、卡片揭示、旋转进度、半程入场等场景。实时生成浏览器原生支持的 scroll-driven CSS 代码（Chrome 115+ 支持），一键复制。适用于滚动进度指示、元素入场动画、视差效果、滚动揭示。全本地处理，零上传零追踪。 可用
• CSS light-dark() 暗色模式生成器 在线 CSS light-dark() 颜色函数生成器：可视化编辑多对 light-dark() 颜色对（浅色模式色 + 深色模式色），完整支持 color-scheme 配置（light dark / dark light / light only / dark only / normal）、CSS 变量定义、使用示例生成。内置原理说明面板，实时展示 color-scheme 与 light-dark() 的协同关系。iframe 沙箱预览可切换 自动 / 强制浅色 / 强制深色 三种模式实时查看双主题渲染效果，WCAG 对比度参考帮助配色合规。6 组预设覆盖完整设计系统、文本、背景、链接、按钮等场景。实时生成浏览器原生支持的 light-dark() CSS 代码（Chrome 123+ / Safari 17.5+ / Firefox 120+，2024 年起全主流支持），一键复制。适用于暗色模式实现、双主题配色、替代 @media (prefers-color-scheme) 查询、设计系统主题变量等场景。全本地处理，零上传零追踪。 可用
• CSS text-wrap 文本换行排版优化器 在线 CSS text-wrap 文本换行排版优化器：完整支持 text-wrap 五种值（wrap / nowrap / balance / pretty / stable），可视化对比 balance 平衡换行与 pretty 优化换行的效果差异。内置三值对比模式并排展示 wrap / balance / pretty 换行效果，可调节容器宽度、字号、行高、字体族、对齐方式等排版参数。原理说明面板解析各值算法与适用场景。6 组预设覆盖标题平衡、段落优化、不换行标签、卡片标题等场景。实时生成 CSS 代码一键复制。适用于 CSS 排版优化、标题换行平衡、段落孤行避免、contenteditable 编辑稳定换行等场景（Chrome 114+ / Firefox 121+ / Safari 17.5+）。全本地处理，零上传零追踪。 可用
• CSS contain 性能优化生成器 在线 CSS contain + content-visibility 性能优化生成器：完整支持 contain 八种值（none / strict / content / size / layout / paint / style / inline-size）与 content-visibility 三种值（visible / hidden / auto），配合 contain-intrinsic-size 提供占位尺寸。可滚动预览区用 IntersectionObserver 实时演示 content-visibility: auto 跳过屏幕外内容渲染的效果，原理说明面板解析各值的隔离范围、性能影响与副作用。8 组预设覆盖布局隔离、绘制隔离、长列表优化、卡片网格、隐藏面板等场景。实时生成 CSS 代码一键复制。适用于 CSS 性能优化、渲染隔离、长列表渲染优化、屏幕外内容跳过、滚动性能提升等前端开发场景。全本地处理，零上传零追踪。 可用
• CSS view-transition 视图过渡生成器 在线 CSS view-transition 视图过渡生成器：可视化生成现代视图过渡效果，完整支持同文档过渡（document.startViewTransition，SPA 场景）与跨文档过渡（@view-transition，MPA 场景）、view-transition-name 命名元素、::view-transition-group/image-pair/old/new 四种伪元素动画覆盖。内置原理说明面板，快照机制、命名元素独立过渡、伪元素树结构、浏览器兼容性一目了然。iframe 沙箱预览可实际触发 startViewTransition 观察 A/B 状态切换效果，8 组预设覆盖默认淡入淡出、卡片展开、共享元素过渡、主题切换、侧栏滑入、列表重排、跨文档导航、快速切换等场景。实时生成浏览器原生支持的视图过渡 CSS 与 JS 代码（Chrome 111+ 同文档 / Chrome 126+ 跨文档，Safari 18+，Firefox 136+），一键复制。适用于 SPA 状态切换平滑过渡、MPA 多页应用导航动画、共享元素动画、主题切换动画。全本地处理，零上传零追踪。 可用
• CSS subgrid 子网格生成器 在线 CSS subgrid 子网格生成器：可视化生成嵌套网格轨道继承效果，完整支持 grid-template-columns: subgrid 与 grid-template-rows: subgrid 双向轨道继承、none/columns/rows/both 四种方向切换、子网格跨列跨行定位（grid-column/grid-row span）、父网格列行轨道定义（fr/px/%/auto）、gap 自动继承。内置父子双层可视化预览——蓝色虚线父网格轨道 + 橙色实线子网格，直观展示子网格如何继承并对齐父网格轨道。8 组预设覆盖默认双向继承、仅列继承、仅行继承、无继承对比基线、卡片墙列对齐、表单标签对齐、杂志嵌套布局、双行嵌套对齐等场景。实时生成浏览器原生支持的 subgrid CSS 代码（Chrome 117+、Firefox 71+、Safari 16+），一键复制。适用于卡片墙列对齐、表单标签输入对齐、杂志式嵌套排版等需要嵌套网格轨道对齐的场景。全本地处理，零上传零追踪。 可用
• CSS @starting-style 入场动画生成器 在线 CSS @starting-style 入场动画生成器：可视化生成元素首次出现时的入场过渡动画，完整支持三种触发场景——首次渲染（动态插入 DOM）、display 切换（none ↔ block 配合 transition-behavior allow-discrete）、popover 显示（弹层入场）。支持嵌套语法与独立语法双模式代码生成，实时预览触发入场动画，原理说明面板解析 @starting-style 核心机制。8 组预设覆盖淡入入场、缩放弹入、滑入入场、display 切换淡入、display 切换缩放、popover 弹出、卡片展开等场景。实时生成 CSS 代码一键复制。适用于 CSS 入场动画、元素首次出现过渡、display none 切换过渡、popover 弹层动画、折叠面板展开等前端开发场景。全本地处理，零上传零追踪。 可用
• CSS interpolate-size 尺寸插值动画生成器 在线 CSS interpolate-size 尺寸插值动画生成器：可视化生成 auto 高度过渡与尺寸关键字插值动画，完整支持 allow-keywords 与 numeric-only 两种取值，让浏览器原生支持 auto、min-content、max-content、fit-content 等尺寸关键字平滑过渡。配合 calc-size() 函数可在尺寸关键字基础上做加减乘除计算（如 calc-size(auto, size + 20px)）。解决传统 transition 无法对 height: auto 过渡的长期痛点，无需 JS 测量。8 组预设覆盖折叠面板 auto 高度过渡、下拉菜单 min-content、卡片 max-content、calc-size 计算、透明度双重过渡、fit-content 自适应、半高展开、numeric-only 对比基线等场景。实时预览折叠/展开状态切换，原理说明面板解析 interpolate-size 核心机制。适用于折叠面板展开、accordion、下拉菜单、卡片展开等需要尺寸关键字过渡的前端开发场景。全本地处理，零上传零追踪。 可用
• CSS 锚点定位生成器 在线 CSS 锚点定位（anchor-positioning）生成器：可视化生成 anchor-name 声明锚点、position-anchor 引用锚点、anchor() 函数按锚点边定位、anchor-size() 函数引用锚点尺寸、position-try-fallbacks 翻转策略自动避让视口。完整支持 top/bottom/left/right/center/start/end 七种边关键字与 width/height/block/inline 四种尺寸关键字。iframe 沙箱实时预览锚点与定位元素的真实关系，原理说明面板解析锚点定位核心机制。8 组预设覆盖下方 tooltip、上方 tooltip、右侧 dropdown、居中弹层、跟随锚点宽度、双向翻转避让、左侧气泡、默认示例等场景。适用于 CSS tooltip 定位、popover 弹层、dropdown 下拉菜单、侧边气泡等前端开发场景，替代 JavaScript 坐标计算方案。全本地处理，零上传零追踪。 可用
• CSS position-area 生成器 在线 CSS position-area 定位区域生成器：3x3 网格可视化选择锚点定位区域，完整支持物理关键字（top/left/bottom/right）、逻辑关键字（block-start/inline-start/block-end/inline-end）、坐标关键字（y-start/x-start/y-end/x-end）三套体系，支持 span-left/span-right/span-top/span-bottom/span-all 跨格定位。与 anchor-positioning 协同，通过 anchor-name 声明锚点、position-anchor 引用、position-area 放入网格，无需 anchor() 函数即可实现 tooltip / popover / dropdown 定位。iframe 沙箱实时预览 3x3 网格与定位元素真实关系，原理说明解析默认对齐行为与 popover 重置技巧。8 组预设覆盖下方 tooltip、上方 tooltip、右侧 dropdown、左下角气泡、居中覆盖、底部通栏、popover 弹层、逻辑 RTL 适配等场景。适用于 CSS 网格定位、锚点定位区域、popover 弹层定位、dropdown 下拉菜单、RTL 适配等前端开发场景。全本地处理，零上传零追踪。 可用
• CSS if() 条件函数生成器 在线 CSS if() 条件值函数生成器：可视化编辑 style() 样式查询、media() 媒体查询、supports() 特性查询三类条件分支与 else 默认值，多分支动态增删，按顺序短路求值，第一个为 true 的分支返回其值。完整支持目标选择器与目标属性配置、静态回退声明开关、自定义属性输入实时验证 style() 条件命中。内置原理说明面板，实时展示求值顺序与当前环境命中分支。iframe 沙箱预览真实渲染生成的 CSS，8 组预设覆盖暗色模式切换、响应式宽度、特性检测降级、多主题切换、打印样式、尺寸关键字、渐变背景切换、简单示例等场景。实时生成浏览器原生支持的 if() CSS 代码（Chrome 137+ 实验性，CSS Values Module Level 5），一键复制。适用于基于自定义属性的主题切换、单属性响应式适配、特性检测降级、替代多重 @media / @supports 查询等现代前端开发场景。全本地处理，零上传零追踪。 可用
• CSS 三角函数生成器 在线 CSS 三角函数生成器：可视化编辑 sin / cos / tan / asin / acos / atan / atan2 / hypot 八个三角函数与 pi() / e() 两个常量函数，参数实时调节，iframe 沙箱预览真实渲染效果。内置圆形布局、波浪动画、极坐标 atan2、旋转时钟、向日葵螺旋（黄金角）、玫瑰曲线、震动效果、简单 sin 波 8 组预设场景，每组建模常见前端几何问题。原理速查表面板解析各函数的语法、参数单位（弧度）与返回值。实时生成浏览器原生支持的 CSS 三角函数代码（Chrome 111+ / Firefox 118+ / Safari 15.4+，Baseline 2023），一键复制。适用于圆周均分布局、极坐标定位、朝向鼠标计算、振荡动画、向日葵螺旋与玫瑰曲线等现代前端开发场景。全本地处理，零上传零追踪。 可用
• CSS 数学函数生成器 在线 CSS 数学函数生成器：可视化编辑 exp / log / sqrt / pow / abs / sign / mod / rem / round 等 9 个 CSS Values Level 4 数学函数，参数实时调节，iframe 沙箱预览真实渲染效果。内置指数缩放、对数刻度、平方根渐变、幂律缓动、绝对值镜像、模运算条纹、取整对齐、rem 与 mod 符号差异对比等 8 组预设场景，每组建模常见前端数值计算问题。函数速查表面板解析各函数的语法、参数与返回值类型（无单位数值）、四舍五入策略（nearest / to-zero / up / down）与浏览器兼容性。实时生成浏览器原生支持的 CSS 数学函数代码（Chrome 128+ / Firefox 128+ / Safari 16.4+，Baseline 2024），一键复制。适用于指数增长字号、对数刻度进度条、平方根径向渐变、幂律缓动曲线、镜像对称布局、模运算循环条纹、网格步长对齐等现代 CSS 场景。全本地处理，零上传零追踪。 可用

没有找到匹配的工具，试试其他关键词或分类。