生成差异后显示结果
工具说明
关于文本对比工具
Diff Checker 会逐行比较两段文本,标出新增、删除和未变化的行。
适合快速对比代码片段、配置、JSON 响应、发布说明或日志片段,不需要打开完整 IDE。
如何使用 Diff Checker
- 把原始文本粘贴到左侧,把修改后的文本粘贴到右侧。
- 点击对比生成行级差异结果。
- 不确定展示效果时先点示例查看输出。
- 需要发到工单、备注或评审评论时复制差异结果。
常见使用场景
- 后端改动后对比两份 API 响应,找出字段变化。
- 复制到环境配置前检查配置片段改了哪里。
- 快速检查生成文案、变更日志或文档编辑。
- 对比两段日志,找到行为开始分叉的第一行。
如何阅读行级 Diff
此工具按行比较,适合 JSON、YAML、SQL、Markdown、日志等换行有意义的结构化文本。
- 新增行表示右侧有、左侧没有的内容。
- 删除行表示左侧有、右侧缺失的内容。
- 未变化行保留上下文,方便阅读差异周围内容。
- 很长的一行数据建议先格式化,例如先用 JSON Formatter。
文本 Diff常见问题
- 这是按行还是按单词比较?
- 按行比较。对于压缩 JSON 或超长单行内容,先格式化再对比效果更好。
- 可以对比 JSON 吗?
- 可以。最好先用同样缩进格式化两份 JSON,再进行对比。
- 文本会上传到服务器吗?
- 不会。对比在浏览器本地运行,粘贴的文本不会上传到 wetool.site。
- 为什么整行都显示变化?
- 因为这是行级 diff。一行里只改一个字符,也会把整行视为变化。
- 很大的日志该怎么处理?
- 先截取相关时间窗口。较小片段更易读,也能减少浏览器计算量。
Diff Checker 与代码评审工具
浏览器 Diff 不能替代 Git review,但很适合临时比较 API payload、发布说明、配置片段和不在仓库里的日志。
空白、换行与 Unicode 差异排查
很多“看起来一样”的文本 diff 来自不可见字符,而不是业务内容真的不同。
- 先确认是否要忽略行尾空格、Tab 与空格、Windows CRLF 和 Unix LF 换行差异。
- 中文、emoji 和带音调字符可能存在不同 Unicode normalization forms,显示相同但字节不同。
- 复制自网页或文档时,注意不间断空格、零宽字符和智能引号。
代码评审与配置变更对比边界
行级 diff 适合快速定位变化,但不能替代语法感知 diff、测试或配置校验。
- JSON、SQL、Markdown 等结构化文本最好先格式化,再比较,避免纯缩进变化淹没真实差异。
- 对比密钥、token 或生产配置前,先脱敏,避免把敏感内容留在剪贴板或截图里。
- 合并前仍要运行目标项目测试;diff 只说明文字变了,不说明行为一定正确。