逐行找出新增和删除
适合回看函数改稿、配置变更和接口样例更新，能直接看到相同行、左侧独有行和右侧新增行。
支持忽略空白差异
可切换忽略首尾空格、大小写和空白行，减少无意义格式差异对结果的干扰。
代码内容只在本地处理
左右代码和对比结果都只在浏览器本地运行，不会上传服务器，适合处理内部代码片段。
代码 Diff · 浏览器本地处理
逐行找出新增、删除和相同行
适合对比函数改稿、配置文件、接口样例和代码片段。左右内容都只在当前浏览器本地处理，不会上传服务器。
左侧有效行
5
右侧有效行
13
相同行
2
差异行
14
状态左行左侧内容右行右侧内容
删除1
function buildUser(user){
--
删除2
if(!user){return null;}
--
删除3
const profile={id:user.id,name:user.name,roles:user.roles||[]};
--
新增-
-
1function buildUser(user) {
新增-
-
2if (!user) {
新增-
-
3return null;
新增-
-
4}
新增-
-
5新增-
-
6const profile = {
新增-
-
7id: user.id,
新增-
-
8nickname: user.name,
新增-
-
9roles: user.roles ?? [],
新增-
-
10};
新增-
-
11相同4
return profile;
12return profile;
相同5
}
13}
代码内容只在浏览器本地对比，不会上传服务器。
适合场景
函数改稿、接口样例比对、配置回滚核查。
如果左右单位或空白规则不同，先用上面的开关调整口径再看差异。
工具使用说明
怎么用 代码对比
左右分别粘贴代码
把旧版本和新版本分别粘到左右输入框，代码内容可以带缩进和空行。
按需要调整对比口径
如果你只想看真正的逻辑变更，可以打开忽略空白、忽略大小写或忽略空白行。
复制变更行继续处理
确认差异后可以单独复制左侧独有行或右侧新增行，继续写说明、提工单或回滚核查。
功能说明
这个工具解决什么问题
代码对比适合什么场景
适合对比函数修改、接口样例、配置文件、脚本片段和文档里的代码块，不需要完整仓库也能快速看出差异。
如果你只想先确认这次到底改了哪些行，而不是立刻上专业 diff 工具，这种本地页会更轻。
这页和专业 diff 工具有什么区别
当前页主打轻量、快速、本地可用，适合临时比对和内容确认，不依赖 git、命令行或第三方服务。
如果你需要语法级对比、三方合并或仓库级历史回看，仍建议配合专业开发工具使用。
常见问题
关于 代码对比，用户常问这些
代码对比会上传代码内容吗？
不会。左右代码和差异结果都只在浏览器本地处理。
支持忽略空白和大小写吗？
支持，可以按需要切换忽略首尾空格、大小写和空白行。
可以直接复制变更行吗？
可以，页面支持复制左侧独有行和右侧新增行。
适合对比超大的完整仓库吗？
更适合代码片段、配置片段和单次变更回看；超大文件仍建议用专业开发工具。