CODE & IMAGE DIFF在线代码与图片对比工具

在线代码对比与图片对比,一眼找出每处差异。

粘贴两个版本的代码,逐行、逐词查看修改;或选择两张图片,通过并排、滑杆、差异高亮和局部放大完成图片找不同。所有比较均在浏览器本地完成。

实时对比
before.ts
7
after.ts
9
02 / 对比结果

发现 5 处行级变化

已精确标注
3修改
2新增
0删除
4未变
删除内容新增内容
1
async function fetchUser(userId: string) {
1
async function fetchUser(id: string) {
2
  const response = await fetch(`/api/users/${userId}`);
2
  const response = await fetch(`/api/users/${id}`, {
3
    cache: "no-store",
4
  });
3
  if (!response.ok) {
5
  if (!response.ok) {
4
    throw new Error("Failed to load user");
6
    throw new Error("Unable to load user");
5
  }
7
  }
6
  return response.json();
8
  return response.json();
7
}
9
}
03 / 功能说明

免费在线代码对比与图片差异对比

差异镜把在线代码对比和图片找不同放在同一个页面里,无需登录或安装软件,打开即可使用。

代码对比:精确到单词、标点和空格

粘贴新旧两版代码,自动对齐新增、删除和修改行,并在行内标出不同的单词、字符、标点与空格。适合代码审查,以及 JSON、SQL、配置文件和脚本版本比较。

图片对比:并排查看与图片找不同

选择两张图片,可用并排、滑杆和图片差异高亮查看变化;编号定位肉眼可见的内容差异,局部放大核对细节,并单独说明图片尺寸范围变化。

免登录,本地处理敏感内容

代码与 PNG、JPG、WebP 图片只在当前浏览器中分析,不上传服务器。比较结果即时生成,关闭页面后不会在网站中保留你的内容。

三步完成对比
  1. 1选择代码对比或图片对比
  2. 2放入两个版本的内容
  3. 3查看高亮、编号与局部细节