Git Bisect 辅助工具 - 可视化二分法排查提交
输入提交范围并标记好/坏提交,自动生成bisect步骤指令,加速定位引入问题的提交。
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 — 忽略空白字符变化,专注于实质性代码变更
输入提交范围并标记好/坏提交,自动生成bisect步骤指令,加速定位引入问题的提交。
输入新旧JSON,并排展示增删改的行级差异,辅助接口变动追踪。
选择类型、作用域并填写描述,自动生成符合Conventional Commits规范的提交消息。
上传两个 .env 文件,高亮仅在其中一个文件中存在的变量,快速同步环境配置。
构建 Promise 链并显示每个 then/catch 的执行时间与状态,帮助理解微任务调度。
解析 Svelte 组件的反应式声明,绘制变量之间的依赖关系链,便于理解更新逻辑。
上传任何文件,以十六进制和 ASCII 对照形式显示文件字节内容,适合简单分析文件头。
选择编程语言和关注领域(安全、性能、可读性),生成定制化的代码审查核对表。
可视化选择操作(访问、点击、断言等),自动生成 Cypress 测试代码。
编写 Lit 组件模板和属性,实时渲染并观察响应式更新,无需构建环境。
粘贴HTML并编写XPath表达式,高亮显示匹配的节点并提取文本。
输入移动距离和视口尺寸,手动模拟单个布局偏移的分数计算方式,加深对 CLS 的理解。
拖拽基色指针,自动计算互补、近似、三等分等七种和谐配色方案,复制十六进制值。
上传 webpack 的 stats.json,生成交互式树状图、模块大小排名,辅助优化构建体积。
在开发环境中模拟 periodicSync 事件,触发后查看 SW 中的处理逻辑和网络请求。
粘贴HTML和基本CSS,分析渲染后视觉顺序与DOM顺序的差异,避免可访问性问题。
生成具有扫描线、荧光拖影和屏幕弯曲效果的纯CSS复古电脑终端样式。
显示文本中的非换行空格、全角空格等隐藏字符映射。
粘贴 README 内容,检查是否包含安装、用法、许可证等关键部分,给出评分。
展示几组在各类色盲下仍可区分的定性数据配色方案,含Hex码。
注册一个周期性后台同步,模拟触发并显示更新数据。
输入 gRPC 服务地址和方法,构造 JSON 请求体,观察转为二进制帧并接收响应解码。
自定义原生 <dialog> 元素的样式、动画和遮罩效果,一键复制生成语义化且无障碍的模态框代码。
加载Lottie动画JSON文件,播放并控制速度、方向,预览动效效果。
在线正则表达式测试工具,支持JavaScript正则匹配、替换、提取等操作,即时显示匹配结果和高亮。
设定物理页框数,输入页引用串,动画展示不同页面置换算法的缺页率。
勾选需要展示的选项(接受/拒绝/设置),生成纯净HTML/JS代码,自行套用样式。
监测页面加载过程中的布局偏移,定时截图并合成 GIF,直观展示视觉稳定性问题。
创建带有复选框或标签的多选下拉列表,支持删除已选项,键盘可全控。
编写带有伪类的选择器,实时高亮匹配的HTML元素,探索现代CSS选择器的能力。