JSON 差异对比器 - 高亮增删改节点
输入新旧JSON,并排展示增删改的行级差异,辅助接口变动追踪。
UD5工具箱
粘贴 git diff 输出,即可获得 GitHub 风格的可视化差异对比视图
尚未渲染任何差异
请粘贴 Git Diff 内容并点击「渲染 Diff」,或点击「加载示例」查看效果
diff --git a/file b/file — 文件标识头--- a/file 和 +++ b/file — 旧版本和新版本路径@@ -1,5 +1,6 @@ — Hunk 头,表示旧文件从第1行开始的5行,新文件从第1行开始的6行- 开头 — 删除的行+ 开头 — 新增的行git diff — 查看工作区与暂存区的差异git diff --staged 或 git diff --cached — 查看暂存区与最新提交的差异git diff HEAD — 查看工作区与最新提交的所有差异git diff branch1..branch2 — 比较两个分支git diff commit1 commit2 — 比较两个提交git show <commit> — 查看某个提交的详细变更git diff 的默认输出格式,适合快速浏览整体变更。@@ -old_start,old_count +new_start,new_count @@:old_start — 旧文件中该变更块的起始行号old_count — 旧文件中该变更块涉及的行数(包括上下文行和删除行)new_start — 新文件中该变更块的起始行号new_count — 新文件中该变更块涉及的行数(包括上下文行和新增行)@@ -10,7 +10,9 @@ 表示旧文件从第10行开始的7行内容,对应新文件从第10行开始的9行内容。一个文件可以有多个 Hunk,每个 Hunk 代表一处不连续的变更区域。
new file mode)deleted file mode)rename from/to)git show 输出的提交差异git diff --color-words — 对于文档类文件,逐词对比比逐行对比更精确git diff -w — 忽略空白字符变化,专注于实质性代码变更
输入新旧JSON,并排展示增删改的行级差异,辅助接口变动追踪。
选择类型、作用域并填写描述,自动生成符合Conventional Commits规范的提交消息。
构建 Promise 链并显示每个 then/catch 的执行时间与状态,帮助理解微任务调度。
上传任何文件,以十六进制和 ASCII 对照形式显示文件字节内容,适合简单分析文件头。
粘贴HTML并编写XPath表达式,高亮显示匹配的节点并提取文本。
拖拽基色指针,自动计算互补、近似、三等分等七种和谐配色方案,复制十六进制值。
上传 webpack 的 stats.json,生成交互式树状图、模块大小排名,辅助优化构建体积。
粘贴HTML和基本CSS,分析渲染后视觉顺序与DOM顺序的差异,避免可访问性问题。
生成具有扫描线、荧光拖影和屏幕弯曲效果的纯CSS复古电脑终端样式。
显示文本中的非换行空格、全角空格等隐藏字符映射。
展示几组在各类色盲下仍可区分的定性数据配色方案,含Hex码。
输入 gRPC 服务地址和方法,构造 JSON 请求体,观察转为二进制帧并接收响应解码。
自定义原生 <dialog> 元素的样式、动画和遮罩效果,一键复制生成语义化且无障碍的模态框代码。
加载Lottie动画JSON文件,播放并控制速度、方向,预览动效效果。
在线正则表达式测试工具,支持JavaScript正则匹配、替换、提取等操作,即时显示匹配结果和高亮。
设定物理页框数,输入页引用串,动画展示不同页面置换算法的缺页率。
勾选需要展示的选项(接受/拒绝/设置),生成纯净HTML/JS代码,自行套用样式。
创建带有复选框或标签的多选下拉列表,支持删除已选项,键盘可全控。
编写带有伪类的选择器,实时高亮匹配的HTML元素,探索现代CSS选择器的能力。
上传一组图片,设定每张展示秒数和转场,生成WebM视频幻灯。
并列播放所有CSS内置缓动函数(ease, linear等)的动画效果,方便对比选择。
将空格分隔的8位二进制序列解码为可读文本,支持ASCII及扩展字符集。
输入标题文本,尝试不同容器宽度,手动插入<br>或使用text-wrap:balance显示效果。
输入开发者名单,依规则随机组成搭档,尽量不重复近期配对。
拖放 lcov.info 文件,以颜色标示每行代码的覆盖状态。
通过Service Worker或本地fetch模拟拦截和转发请求,查看修改后的请求响应。
为页面上使用CSS Grid的元素显示网格线和名称,辅助布局开发和调试。
将 JSON 数组或对象渲染为可交互的 HTML 表格,支持嵌套展开、列排序和搜索。
上传文件或粘贴十六进制头部,根据魔数识别真实文件格式,无视扩展名伪装。
勾选常用框架变量(数据库、邮件、缓存),生成标准的.env文件模板。