跳至主要内容
搜索工具
主题

仅保存在此设备上。

中文
在线工具

Monaco Diff Checker

v1.0.0 100% Local

在 VS Code 风格的差异编辑器里在线对比代码和文本。支持并排与行内两种视图、90 多种语言的可搜索选择器、忽略空白与大小写、实时统计新增/删除/相似度、导出 .patch 以及生成分享链接。全程浏览器本地运行,数据不外传。

抢先评分 免费 — 在您的浏览器中运行 Productivity

Added Maintained by Parsepad

Monaco Diff Checker

实时工作区

    MERGE | 0 files | Auto-detect | Ready
    [--:--:--] INFO Console ready. Run the tool to see activity.

    Paste input above and ask a question, or use a quick action.

    On this page
    指南

    About Monaco Diff Checker

    在一个反应迅速、VS Code 风格的差异编辑器里对比两段代码或文本,整个过程都在你的浏览器里完成。哪些行被新增、被删除、被改动,一眼就能看清,还配有完整的语法高亮、能识别顺序的差异引擎,以及一键导出。

    Features

    • VS Code 级别的差异对比:由 Monaco 编辑器驱动,行内高亮改动,两侧滚动同步。
    • 并排视图与行内视图:点一下就能切换布局。
    • 10 个内置示例:一键加载跨语言的对比内容,并自动设置好对应的语法。
    • 90 多种语言,可搜索:直接输入就能找到 Monaco 支持的任意语言(JavaScript、TypeScript、Python、Go、Rust、C#、SQL、YAML、Markdown 等等)。这份列表由 Monaco 自身生成,永远保持完整。
    • 两侧均可编辑:任意一侧粘贴或修改,差异结果都会实时刷新。
    • 统计准确:给出真实的新增 / 删除 / 未变行数,以及相似度百分比,全部由标准的最长公共子序列算法计算得出(能识别顺序)。
    • 忽略空白 / 大小写:一键开启,把注意力集中在有意义的改动上(空白处理是逐行进行的,绝不会把整份文件压成一行)。
    • 文件上传:把文件加载到任意一侧(单个最大 2 MB)。
    • 差异跳转:用 Prev/Next 按钮或 F7/F8 在各处改动间跳转,还带一个实时的改动计数。
    • 导出:复制统一格式的差异、下载 .patch 文件,或者生成一个把对比内容编码进链接里的 URL。
    • 浅色与深色:自动跟随你的主题。

    How to use

    1. 加载内容:从 10 个现成示例里挑一个(JavaScript、Python、TypeScript、JSON、HTML、CSS、SQL、Java、Go、YAML,每个都会自动切换语言),或者直接把内容粘进两侧面板,也可以上传文件(Left / Right)。
    2. 选择语言:在语言输入框里开始打字,从可搜索的列表中选中即可。
    3. 对比:边编辑边看,差异和统计会自动更新。
    4. 跳转:用 Prev/NextF7/F8 逐处走查改动。
    5. 分享或导出:用 Copy 复制统一格式差异,下载 .patch,或用 Share 生成链接。

    Keyboard shortcuts

    • F8:下一处差异
    • F7:上一处差异

    Privacy

    所有处理都在你的浏览器本地完成,没有任何内容会上传到服务器。使用 Share 时,对比内容只被编码进 URL 的哈希片段(hash fragment)里。

    Use cases

    • 代码审查与 Pull Request 对比
    • 重构前后的改动分析
    • 配置 / JSON / YAML 对比
    • 日志与调试输出对比
    • 版本对比与合并冲突处理

    FAQ

    支持哪些语言? Monaco 编辑器自带的每一种语言,共 90 多种,都通过可搜索的选择器呈现。

    我的代码会被发送到哪里吗? 不会。差异对比完全在客户端运行;分享链接把数据放在 URL 片段里,而浏览器从不会把这部分发送给服务器。

    相似度是怎么算出来的? 基于行级别的最长公共子序列:unchanged / (added + removed + unchanged),以百分比表示。

    操作指南

    如何使用 Monaco Diff Checker

    1. Add input

      **加载内容**:从 **10 个现成示例**里挑一个(JavaScript、Python、TypeScript、JSON、HTML、CSS、SQL、Java、Go、YAML,每个都会自动切换语言),或者直接把内容粘进两侧面板,也可以上传文件(**Left** / **Right**)。

    2. Run tool

      **选择语言**:在语言输入框里开始打字,从可搜索的列表中选中即可。

    3. Review output

      **对比**:边编辑边看,差异和统计会自动更新。

    4. Continue workflow

      **跳转**:用 **Prev/Next** 或 `F7`/`F8` 逐处走查改动。

    5. Wrap up

      **分享或导出**:用 **Copy** 复制统一格式差异,下载 **.patch**,或用 **Share** 生成链接。