一个基于浏览器的完全离线的文本内容对比工具

这是一个基于浏览器运行的文档对比工具，主要功能是帮助用户对比两个文本之间的差异。工具完全在本地运行，不需要连接网络，也不会上传任何文件。

下载地址见文章尾部。

一、基本情况

工具采用纯前端技术开发，包含一个HTML文件和一个JavaScript库文件。

下载到本地后，直接用浏览器打开就能使用。所有文本处理都在本地完成，不会将文档内容发送到任何服务器。

二、适合哪些人使用

如果你经常需要对比文档但担心隐私问题，或者工作环境没有网络连接，这个工具可能会对你有帮助。
它的功能比较专注，界面也比较简单，基本上打开就能用。

三、主要功能

1.实时对比

在左右两个输入框输入文本时，下面的结果区域会实时显示差异。
修改任何一方的文本，对比结果都会立即更新。

2.差异高亮

• 从文档A中删除的内容会用红色背景和删除线标出来

• 在文档B中新添加的内容会用绿色背景标出来

• 两个文档相同的内容会正常显示

3.完全离线运行

下载文件到本地后，断网也能使用。所有计算都在浏览器里完成，不用担心文档内容被上传或泄露。

4.快捷键支持

• 按 Ctrl+Enter 可以手动触发对比（虽然工具会自动对比）

• 按 Esc 可以清空所有内容

5.适应不同设备

在电脑上，两个编辑框会并排显示；在手机上，会自动变成上下排列。

四、技术实现

对比功能使用了Google开源的diff-match-patch库，这是一个专门处理文本差异的库，很多在线对比工具也在用。

其他部分用原生JavaScript编写，没有依赖其他框架，这样工具比较轻量，启动也快。

五、使用场景

• 代码对比：查看代码修改前后的具体变化

• 文档校对：比较两个版本的文档，找出修改了哪些地方

• 文本比较：对比两段相似文本的差异

• 学习分析：分析不同文本之间的相似度和区别

六、怎么使用

下载源代码到本地，双击HTML文件用浏览器打开就行了，不需要安装其他软件。

七、和其他工具的不同

和在线对比工具相比，这个工具的不同主要是：

• 不需要网络

• 不用注册账号

• 文档不会上传到服务器

• 完全免费

和需要安装的桌面软件相比，这个工具用浏览器打开就能用，不需要安装，而且跨平台，在Linux、Windows、Mac、手机上都能使用。

八、技术细节

• 用了防抖技术：用户停止输入500毫秒后才开始对比，避免频繁计算

• 显示字数统计：包括总字符数和不含空格的字符数

• 有回到顶部按钮：长文档中比较方便

九、未来可能会考虑增加

• 支持直接上传文本文件

• 导出对比结果

• 更多界面主题

十、下载地址

https://share.fnnas.net/s/2bece7476fd44e76ad

作者声明本文无利益相关，欢迎值友理性交流，和谐讨论～