DevToolGridDevToolGridbrowser utility grid

日常开发工具目录

在线开发者工具：JSON、Regex、JWT、Base64、Cron、UUID 和 Hash。

28 个浏览器工具，分为 6 组：数据格式化、Token、生成器、Web 工具、请求调试和文本处理。

28

工具

6

分组

1

点击进入工具

浏览工具 打开 JSON
/tools/json-formatter
JSON
Regex
Base64
JWT
Cron
JSON validator valid 
{
  "suite": "DevToolGrid",
  "tools": 28,
  "groups": 6,
  "mode": "browser-first"
}

Data

JSON, YAML, SQL

Security

JWT, Hash, Password

Generators

UUID, QR, Mock data

Web

URL, HTML, MIME

Request

Headers, UA, URL parse

Text & Design

Regex, Case, Color

场景地图

用于格式化、校验、解码和调试的开发者工具目录。

这里把常见任务连接到正确的工具分组，帮助你更快回到工作流程。

28

工具

从 JSON 到字数统计

6

分组

按工作场景组织

1

点击

到正确页面

从任务到分组
6 groups
API responseJSON / YAML / SQL
Auth issueJWT / Hash / Password
Request debugURL / Headers / UA
Frontend textRegex / Case / Color

Data formatting tools

7

格式化、校验和转换结构化数据、CSV 和 JSON paths。

JSON JSON/YAML CSV JSON path YAML SQL Diff

Security & JWT tools

4

Token、签名、hash 和临时 secret。

JWT JWT verify Hash Password

Generator tools

4

为测试、mock、QR 和 schedule 快速生成值。

Cron UUID Mock data QR code

Web encoding tools

4

Web 界面的编码、参考和数据类型。

URL HTML entities HTTP codes MIME

Request debugging tools

3

诊断 URL、headers 和浏览器上下文。

URL parser Headers UA parser

Text & design tools

6

处理字符串、regex、Base64、case、字数和颜色。

Regex Base64 Case Words Color Time

常用在线开发者工具

每张卡片说明用途。真正的工作界面在对应工具页面中打开。

数据

JSON 格式化/校验工具

无需额外步骤即可格式化、压缩和校验 JSON。

format --json

{ valid: true }

打开
文本

Regex 测试工具

测试正则表达式、flags 和匹配结果。

match --regex

/dev\w*/gi

打开
编码

Base64 编码/解码

将文本编码为 Base64，并解码回可读内容。

base64 --decode

SGVsbG8=

打开
安全

JWT 解码工具

解析 token 的 header 和 payload，不进行 secret 校验。

jwt --decode

header.payload.sig

打开
计划

Cron 生成器

通过预设和手动字段构建 cron 表达式。

cron --preset

0 9 * * 1

打开
文本

Diff 对比工具

逐行比较两个文本并高亮变化。

diff --lines

+ changed line

打开
生成器

UUID 生成器

生成用于测试数据、key 和 mock 的 UUID v4。

uuid --v4

crypto.randomUUID()

打开
安全

Hash 生成器

为文本计算 SHA-1、SHA-256、SHA-384 和 SHA-512。

hash --sha256

digest.hex()

打开
编码

URL 编码/解码工具

编码和解码 URL、query params 和 redirect links。

url --encode

q=dev%20tools

打开
请求

URL 解析工具

将 URL 拆分为 protocol、host、path、query params 和 hash。

url --parse

host + query params

打开
日期和时间

Timestamp 转换器

在 Unix timestamp 和日期之间转换，并使用本地时间。

time --unix

1717243200

打开
数据

JSON ↔ YAML 转换器

为配置和 API 示例转换 JSON 与 YAML。

convert --yaml

name: DevToolGrid

打开
数据

CSV ↔ JSON 转换器

为表格和数据导出转换 CSV 与 JSON。

convert --csv

name,email,role

打开
数据

JSON path 测试工具

在嵌套 JSON 中测试路径并显示解析值。

jsonpath --get

user.profile.email

打开
数据

YAML 格式化/校验工具

校验 YAML 并用正确缩进格式化结构。

format --yaml

valid YAML

打开
编码

HTML entity 编码/解码

为模板、邮件和内容编码或解码 HTML entities。

html --entities

<div>

打开
设计

颜色转换器

转换 HEX、RGB 和 HSL，并显示基础颜色信息。

color --convert

#0891b2

打开
生成器

Mock 数据生成器

生成 lorem 文本、姓名、邮箱和 JSON mocks 用于测试。

mock --json

{ users: 5 }

打开
文本

Case 转换器

将文本转换为 camelCase、snake_case、kebab-case、PascalCase 和 Title Case。

case --snake

dev_tools

打开
文本

字数统计工具

统计单词、字符、行数和预计阅读时间。

count --words

128 words / 6 lines

打开
数据

SQL 格式化工具

格式化 SQL 查询，便于阅读、review 和调试。

format --sql

SELECT * FROM users

打开
请求

User-agent 解析工具

将 user-agent 解析为浏览器、OS、设备和 engine。

ua --parse

Chrome / macOS

打开
请求

HTTP headers 解析工具

将原始 HTTP headers 转为结构化 key/value 列表。

headers --parse

content-type: json

打开
Web

HTTP 状态码参考

快速查看 HTTP 状态码的含义和分类。

http --status

422 Unprocessable Content

打开
Web

MIME type 查询

通过文件扩展名查询 MIME type，或反向查询。

mime --lookup

.json -> application/json

打开
安全

密码生成器

按长度、符号和可读性设置生成密码。

password --strong

entropy-ready

打开
生成器

QR code 生成器

为 URL、文本或短 payload 生成 QR code。

qr --text

data:image/png

打开
安全

JWT 校验工具

使用 secret 校验 HS256 JWT 签名并显示结果。

jwt --verify

HS256 valid

打开
Crossout — 免费载具战斗 MMO 游戏
广告

Crossout

免费车辆战斗 MMO

免费畅玩

Developer tools

用于格式化、校验、解码和生成数据的在线开发者工具。

DevToolGrid 提供 28 个 browser-first 实用工具，覆盖 JSON formatter、CSV converter、JSON path tester、regex tester、Base64、JWT decoder、cron generator、diff checker、UUID generator、hash generator、URL parser、HTTP headers parser、MIME lookup 等日常任务。

它适合 API debugging、前端文案检查、数据整理、安全检查和快速 payload 校验，不依赖第三方服务。

重点

数据、请求、文本

访问

每个工具一个 URL

模式

Browser-first，本地处理

覆盖内容

格式化和校验 JSON、CSV、API 响应、配置和 payload。
测试正则表达式、比较文本并快速处理 Base64。
解码 JWT、生成 UUID、创建 hash 和 cron 表达式。
解析 URL、user agent、HTTP headers 和 JSON paths，用于请求和数据调试。

28

工具

从 JSON 到字数统计

6

分组

按工作场景组织

1

点击

到正确页面

开发者工具目录如何组织

这不是普通 landing page，而是一个实用目录，每个工具都有独立页面。

Workflow

用户打开首页，选择分组，然后进入工具页面。

Structure

每个工具都有自己的 slug、H1 和 workspace。

Security

JWT、hash、password 和 headers 保持 browser-first 模式。

Text

Regex、word count、case conversion、Base64 和 color tools 覆盖快速任务。