news 2026/5/9 13:14:30

《OPC周记#2:我做了个文档对比插件——DiffMaster 从0到1的技术与产品之路》

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
《OPC周记#2:我做了个文档对比插件——DiffMaster 从0到1的技术与产品之路》

正文

题记​:这是我「OPC(One Personal Company)探索实录」系列的第二篇。

第一篇聊了怎么低成本注册公司。这一篇终于可以聊产品了——​我做了一个叫 DiffMaster 的浏览器插件​。

这篇文章不讲怎么推广(那个放以后啦,我自己都还没搞懂怎么推勒),只讲:这个产品是什么、为什么做、怎么做的、以及做它的过程中我经历了什么。


一、这个产品是什么(30 秒讲清楚)

DiffMaster 是一个浏览器插件,解决一个具体问题:​快速对比两个文件/文本的差异​。

它和普通 diff 工具的区别:

功能DiffMaster普通在线工具
纯文本比对
Word 文档(docx)❌ 大部分不支持
PDF 文档❌ 大部分不支持
其他多种文档格式❌ 大部分不支持 或者仅支持PDF
按行 / 按字符比对部分支持
本地处理,文件不上传❌ 需要上传服务器
收费免费免费/付费都有

它适合谁:

  • 程序员:PR diff、代码对比
  • 产品经理:PRD 版本对比
  • 编辑/文案:稿件修改对比
  • 法务/行政:合同条款对比
  • 学生:论文修改对比

关于免费​:需要关注一下公众号获取验证码(就是想留住你们,增进一下感情,mua~)。


二、为什么做这个(动机)

说起动机,其实挺简单的。

我自己的工作经常要对比文档——合同改了哪些条款、论文改了哪些段落、开发文档新增了哪些需求、PR 里的代码 diff 看不清楚。市面上的工具我试了一圈:

  • 在线工具大多要上传文件,有隐私顾虑
  • 免费的要么功能弱,要么有广告
  • 支持 Word/PDF 比对的,基本都要付费
  • 好用的桌面软件,又贵又重

我就想:能不能做一个轻量的、干净的、数据不上传服务器的、支持多种文档的免费比对工具?

于是 DiffMaster 开始了。


三、开发心路:从 0 到 1 的过程

话说为什么是从0到1啊,哟喂,本来就是啊😄

这部分可能是技术朋友最感兴趣的。我尽量不绕弯子。

阶段 1:先说想法,再说技术

我一开始的想法很简单:​做一个 Chrome 插件,而不是一个网站或桌面应用​。

为什么选插件?

  • 开发成本低(前端技术栈复用)
  • 用户使用方便(浏览器里直接打开)
  • 本地处理容易实现(不需要后端服务器)
  • 分发简单(Chrome 商店上架)

确定了形态,然后确定功能范围。第一期目标:支持文本、Word、PDF 的比对,按行/按字符切换,全部本地运行。
演示如下:

阶段 2:踩坑比写代码花的时间长

文本比对部分比较顺利,用 diff 算法 + 高亮渲染,两天跑通。

文档解析结合视觉大模型进行文档版面分析,渲染
最痛苦的一个 bug​:最近在做excel的对比,首行冻结在demo下可行,在产品里死活不生效,头痛

离线验证 + RSA​:因为我不想要后端,所以验证码用了 RSA 离线方案。用户关注微信后获得一个加密串,插件本地解密验证。这个方案的好处是​完全不需要服务器​,坏处是…… 嗯,没有坏处,技术人懂的。

阶段 3:产品能用 ≠ 产品能发

代码写完了,但离“可以发布”还差好几步:

  • Chrome 开发者身份认证($5 的一次性费用)(光这个chrome的交易者身份认定 就来来回回折腾了好几次)
  • 插件审核上架(等了 3 个工作日)
  • 官网搭建(1Panel 管理 + HTTPS 自动续签)
  • 官网 SEO(咨询了 DeepSeek)
  • 百度统计接入(临时看数据)

这些事每一件都不大,但加起来花了不少时间。下一篇会把 ​这一整套基础设施是怎么搭的​ 记录下来,包括 产品如何开发的,如何制作官网的、阿里云证书自动续签、SEO/GEO 优化、统计接入等等,感兴趣的朋友可以关注占个坑位,

阶段 4:发布的那一刻

收到 Chrome 商店审核通过邮件的那一刻,说实话——​没有想象中激动​。

因为我知道,上架不是终点。真正的挑战是:会有人用吗?


四、现在的状态和真实数据

实话实说环节。

DiffMaster 已经上架,DiffMaster也搭好了,提供在线试用,推荐安装插件使用 ,目前是​可用版本v1.0.0​。

但由于还没有正式推广,目前的数据非常基础:

指标当前数据
Chrome 商店安装量很少(还没开始推)
微信关注(来自产品)很少
反馈表单收到了几条(都是朋友的)

这不是产品的问题,是我还没开始推广。

接下来几周我会陆续启动推广实验(内容、社区、私域等),并在后续周记里公布真实数据——好的坏的都写。


五、如果你感兴趣:后续内容预告

下一期(OPC 周记#3)​:我会详细写​围绕 DiffMaster 的推广基础设施​,包括:

  • Chrome 开发者认证 + 插件审核上架经验
  • 官网搭建:1Panel 可视化管理 + 阿里云证书自动续签 HTTPS
  • 官网 SEO:咨询 DeepSeek 做的优化和 GEO 策略
  • 百度统计:临时接入,看数据
  • 内容分发渠道的配置

如果大家对底层原理感兴趣​:我会专门出一期​技术专栏​,深入拆解 DiffMaster 的核心实现:

  • docx/PDF 解析与文本提取
  • diff 算法在文档比对中的适配
  • RSA 离线验证码的设计与实现
  • Chrome 插件架构与本地存储方案

感兴趣的朋友可以在评论区留言“想看技术专栏”,人多我就写。


六、获取 DiffMaster

如果你经常需要对比文档/代码/文本,欢迎试试 DiffMaster:

反馈通道​:产品里有反馈按钮,任何问题/建议都可以直接填表单。每条我都会看。


下一篇预告​:《OPC 周记#3:推广基础设施搭建——从 Chrome 上架到球球哥哥姐姐们来用俺的东西吧》


免责声明​:本文分享的是个人开发经历和产品现状,不构成技术建议或商业承诺。数据截止发文时。

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/5/9 13:13:33

CANN/ops-solver批量复数矩阵求逆

CmatinvBatched 【免费下载链接】ops-solver 本项目是CANN提供的高级数值求解算子库,实现矩阵分解、求逆、特征值求解等功能在NPU上的加速计算。 项目地址: https://gitcode.com/cann/ops-solver 产品支持情况 产品是否支持Atlas 200I/500 A2 推理产品Atlas…

作者头像 李华
网站建设 2026/5/9 13:13:32

CANN/manifest配置仓库

CANN manifest 仓库 【免费下载链接】manifest 本项目是 CANN 的 manifest 配置仓库,用于通过 repo 工具管理和同步 CANN 相关的多个代码仓,定义 CANN 组件的仓库地址、分支版本和目录结构 项目地址: https://gitcode.com/cann/manifest 项目简介…

作者头像 李华
网站建设 2026/5/9 13:13:32

医疗AI性能评估新范式:从敏感度到期望效用的综合度量

1. 项目概述:当AI成为放射科医生的“过滤器” 在放射科医生日益短缺、筛查工作量持续攀升的今天,利用人工智能(AI)作为“排除设备”来预筛医学影像,将AI判定为“阴性”的病例从放射科医生的阅片队列中直接移除&#xf…

作者头像 李华
网站建设 2026/5/9 13:11:31

CANN DPD算子API参考

DPD算子API参考文档 【免费下载链接】mat-chem-sim-pred 面向工业领域,聚焦计算仿真、预测两大核心场景,构建面向流程工业"机理数据"双轮驱动的领域计算层,推动AI for Science在材料化学领域的深度应用。 项目地址: https://gitc…

作者头像 李华
网站建设 2026/5/9 13:06:29

鸿蒙开源阅读:打造完全自定义的纯净阅读体验终极指南

鸿蒙开源阅读:打造完全自定义的纯净阅读体验终极指南 【免费下载链接】legado-Harmony 开源阅读鸿蒙版仓库 项目地址: https://gitcode.com/gh_mirrors/le/legado-Harmony 开源阅读鸿蒙版是一款专为鸿蒙系统优化的免费开源小说阅读器,通过自定义书…

作者头像 李华