Developer Toolbox
在浏览器中运行

开发者工具

完全在浏览器中运行的开发者工具与算法可视化。你粘贴的任何内容都不会离开你的设备。

所有工具

Base64

Base64 编码与解码

URL 编码器

URL 编码与解码

HTML 编码器

编码和解码 HTML 实体

JSON 格式化

格式化、验证和压缩 JSON

YAML ↔ JSON

在 YAML 和 JSON 格式之间相互转换

差异查看器

比较两段文本并高亮显示差异

大小写转换器

在 camelCase、snake_case、kebab-case 等格式之间转换文本

SQL 格式化工具

格式化并高亮 SQL 查询,可按方言设置选项

CSV ↔ JSON

在 CSV 和 JSON 之间转换,带表格预览

字数统计

统计单词、字符、行数和段落数

JSON 转 TypeScript

从 JSON 生成 TypeScript 接口

JSON Schema 生成器

从示例 JSON 生成 JSON Schema

HTML 格式化工具

格式化、美化并压缩 HTML

CSS 格式化工具

格式化、美化并压缩 CSS

JavaScript 格式化工具

美化并压缩 JavaScript

UUID 生成器

生成 UUID v4、v7、ULID 和 Nano ID

密码生成器

使用自定义选项生成安全密码

哈希生成器

生成 MD5、SHA-1、SHA-256 哈希

JWT 解码器

解码 JWT 令牌:头部、载荷、过期时间

CSS 盒子阴影生成器

生成 box-shadow CSS,支持实时预览和预设

CSS 渐变生成器

生成 CSS 渐变,支持实时预览、色标编辑和预设

CSS 边框生成器

生成 CSS 边框,支持实时预览、单独设置每条边和预设

颜色转换器

转换 HEX、RGB、HSL 颜色格式

px 转 rem 换算器

按自定义基准字号换算 px、rem 和 em

正则表达式测试器

实时匹配测试正则表达式

Cron 解析器

解释 cron 表达式并显示下次执行时间

cURL 构建器

解析、构建和转换 cURL 命令

时间戳转换器

将 Unix 时间戳转换为日期

进制转换器

在二进制、八进制、十进制和十六进制之间转换

算法可视化

通过带注释的动画示例,逐步了解经典算法

冒泡排序

一遍又一遍地扫过列表,交换顺序不对的相邻两个值。每扫完一轮,剩下的最大值就到了末尾。

插入排序

在左边建立排好的部分,每次加入一个值。新值先被取出,再向左移,直到遇到比它小的值。

选择排序

找出剩下的最小值,把它交换到下一个位置。交换次数很少,但比较次数总是一样多。

归并排序

把列表分成两半,分别排好,再把排好的两半合并成一个排好的列表。

快速排序

选出一个值作为基准值,把比它小的值移到左边,比它大的移到右边。然后对两边做同样的事。

堆排序

先把列表整理成堆,也就是每个父节点都比子节点大的树。然后反复把最大值移到末尾。

广度优先搜索(BFS)

一层一层地探索图。由队列决定下一个顶点,所以总是先访问离起点最近的顶点。

深度优先搜索(DFS)

沿着一条路尽量往深处走,走不下去再回到上一个岔路口,以此探索整个图。屏幕上的栈就是这条路。

Dijkstra 算法

找出从起点到终点最便宜的路。它总是先取出优先队列里最便宜的位置,所以代价会像洪水一样从起点向外扩散。

A* 搜索

有方向感的 Dijkstra。它在每个位置的代价上加上剩余代价的估计,所以先尝试看起来离终点最近的位置。

二分查找

在已排序的数组里找值:看中间那个,扔掉值不可能在的那一半。每次比较都让剩下的部分减半。