开发者工具

为前端、后端和测试工作准备的在线开发工具，帮助你快速调试格式、编码、网络请求和浏览器能力。

本分类目前包含 41 个可直接使用的工具。

• 正则表达式测试器正则表达式测试器用于实时测试和调试正则表达式，支持多种匹配模式和标志。适合开发人员验证正则表达式正确性。
• JSON Path查询JSON Path 查询工具使用 JSONPath 表达式查询 JSON 数据，类似 XPath 查询 XML。适合从复杂 JSON 中提取特定数据。
• Cron表达式生成器Cron 表达式生成器用于创建和理解 Cron 定时任务表达式，提供可视化界面和实时解释。适合配置定时任务和计划作业。
• Base64图片Base64 图片工具用于图片和 Base64 编码相互转换，适合在 CSS、HTML 中内嵌图片。
• 颜色格式转换颜色格式转换工具在 HEX、RGB、HSL、CMYK 等颜色格式之间转换。适合设计师和开发人员使用。
• Box阴影生成器Box 阴影生成器用于创建 CSS box-shadow 样式，通过可视化界面调整阴影参数。适合快速设计和调试 CSS 阴影效果。
• CSS渐变生成器CSS 渐变生成器用于创建线性渐变、径向渐变和锥形渐变等 CSS 渐变效果。支持自定义颜色、角度和位置。
• 文字阴影生成器文字阴影生成器用于创建和预览文字阴影效果，通过可视化界面调整阴影参数。适合美化标题和文本。
• HTML预览HTML 预览工具用于预览 HTML 代码的渲染结果，实时显示 HTML 页面效果。适合测试和调试 HTML 代码。
• Flexbox游乐场Flexbox 布局工具通过交互式界面学习 Flexbox 布局，可视化调整属性和查看效果。适合学习和理解 Flexbox 布局原理。
• CSS文本换行CSS 文本换行在线测试工具支持输入自定义文本、调整容器宽度，并实时比较 overflow-wrap、word-break、white-space、text-overflow、h…
• iframe API浏览器iframe API 浏览器用于探索和测试 iframe API 功能，包括 postMessage 通信、跨域交互等。适合学习 iframe 通信机制。
• iframe沙盒iframe 沙盒工具用于测试 iframe 沙盒属性，配置 iframe 的安全限制。适合了解 iframe 安全机制。
• 键盘调试键盘调试工具用于调试键盘事件，显示按键的 keycode、key、code 等信息。适合开发键盘交互功能。
• 键盘过滤器键盘过滤器工具用于测试和配置键盘事件过滤，包括阻止特定按键、组合键等。适合开发键盘快捷键功能。
• CORS FetchCORS Fetch 工具用于测试跨域请求 API，设置请求头和参数。适合调试 CORS 相关问题。
• Broadcast Channel聊天Broadcast Channel 聊天工具使用 BroadcastChannel API 实现跨标签页通信聊天。适合学习和测试跨标签页通信机制。
• GitHub速率限制GitHub 速率限制查询工具用于查看 GitHub API 的配额使用情况，包括剩余请求数、重置时间等。适合管理 API 使用。
• GitHub账户GitHub 账户信息查询工具用于查看 GitHub 用户和仓库信息，包括统计数据、公开活动等。适合快速获取 GitHub 数据。
• GitHub API写入GitHub API 写入工具用于测试通过 API 创建文件、提交代码等操作。适合测试 GitHub API 写入功能。
• GitHub GraphQLGitHub GraphQL 查询工具使用 GraphiQL 界面查询 GitHub GraphQL API，支持自动完成和文档查询。适合复杂的 GraphQL 查询。
• Issue转MarkdownIssue 转 Markdown 工具将 GitHub Issue 和 PR 的 Markdown 内容转换为可读格式。适合预览和保存 Issue 内容。
• 纯HTML纯 HTML 测试工具提供纯净的 HTML 测试环境，不依赖任何框架。适合测试基础 HTML 和 CSS 效果。
• 彩虹边框动画彩虹边框动画工具创建动态彩虹边框效果，使用 CSS 渐变动画。适合制作炫酷的边框特效。
• ARIA实时区域ARIA Live 区域测试工具用于测试 ARIA Live 区域功能，验证屏幕阅读器对动态内容的识别。适合无障碍开发。
• 音频频谱音频频谱工具用于音频频谱分析可视化，使用 Web Audio API 分析音频频率。适合音频处理和学习。
• 徽章REPL徽章 REPL 工具提供交互式徽章生成和测试环境，实时预览徽章效果。适合快速制作和调试徽章。
• XML验证器XML 验证工具用于检查 XML 文件的格式和语法错误，显示错误位置和详细信息。适合调试 XML 配置和数据。
• Grid Lanes PolyfillCSS Grid Lanes 工具用于测试 CSS Grid Lanes 布局功能，可视化显示网格布局。适合学习和调试 Grid 布局。
• 点阵工具点阵工具用于点阵可视化，渲染 Graphviz DOT 格式的图形。适合数据可视化和流程图展示。
• ARENA动画ARENA 动画工具用于创建和测试动画效果，提供可视化界面。适合学习动画和交互设计。
• Devon车道Devon 车道工具用于车道可视化，绘制和管理车道数据。适合交通分析和路线规划。
• Bugzilla查询Bugzilla Bug 查询工具用于查询 Bugzilla 问题详情，查看 Bug 信息和状态。适合开发团队问题跟踪。
• 脚注实验脚注实验工具用于测试脚注格式化功能，包括脚注样式、编号等。适合学术论文和文档编写。
• JWT 解析工具JWT 解析工具用于解码和分析 JSON Web Token，显示 Header、Payload 和 Signature 三部分内容。自动识别过期时间、签发者等标准 Claims。
• IP 子网计算器IP 子网计算器根据 IP 地址和 CIDR 前缀长度计算子网信息，包括网络地址、广播地址、子网掩码、可用主机范围等。适用于网络规划和管理。
• 调色板生成器调色板生成器基于一个基础色自动生成完整的 50-950 色阶（类似 Tailwind CSS），同时提供互补色、类似色、三等分色等配色方案。
• User-Agent 解析器User-Agent 解析器用于解析浏览器的 UA 字符串，自动识别浏览器类型、版本、操作系统、设备类型和渲染引擎。同时显示屏幕分辨率、CPU 核心数等环境信息。
• 屏幕信息检测屏幕信息检测工具实时显示屏幕分辨率、窗口大小、鼠标位置等信息，同时检测设备像素比、CPU 核心数、内存等系统信息。提供 CSS 断点匹配参考。
• JSON 转 TypeScriptJSON 转 TypeScript 工具将 JSON 数据自动转换为 TypeScript 接口（interface）或类型（type）定义。支持嵌套对象、数组等复杂结构，自动生…
• Meta 标签生成器Meta 标签生成器帮助你为页面整理 SEO、Open Graph、Twitter Card 和结构化数据片段。它适合工具站、内容站和营销页，能够减少手写元标签时的遗漏与格式错误。