我用 AI 撸了个开源"万能预览器"：浏览器直接打开 Office、CAD 和 3D 模型

最近一直在深耕 AI Agent 与大模型应用，比如 JitKnow AI 知识库、JitWord协同AI文档、Pxcharts 超级表格，同时也持续在给大家分享 GitHub 上真正能落地、能解决实际问题的优质AI开源项目。

两周前发布了我们开源的文档预览SDK——jit-viewer。

目前在npm上已有 2.1k 的下载量，我们也在持续更新迭代，满足更多开发者的需求。

github：github.com/jitOffice/j…

国内镜像：gitee.com/lowcode-chi…

在 AI Coding的帮助下，我加速了迭代频率，今天很高兴和大家分享Jit-Viewer最新版本 V1.3.0.

什么是 Jit-Viewer

简单来说，它是一个纯前端的文件预览引擎。不需要后端转换服务，不需要安装任何插件，几行代码就能让浏览器具备"专业软件"的预览能力。

过去我们 preview 文件，要么调用微软/Google 的在线接口（有隐私风险），要么自建转换服务（服务器成本高）。

jit-viewer 的思路很直接：把解析能力搬到浏览器端。下面我就和大家分享一下最新版本的更新内容。

1. 支持CAD文件预览功能

事情的起因很简单：工程团队在处理设计稿交付时，总是要在微信里发"麻烦安装个 CAD 看图软件"或者"这个 3D 模型我截图给你"。

作为一位写过无数款文档编辑器、多维表格的开发者，我突然意识到——为什么我们不能在浏览器里直接预览这些文件？

没有安装包，没有兼容性问题，打开链接就能看。这不应该是 2026 年的标配吗？

于是借助 AI， 我在 Jit-viewer sdk中支持了CAD文件的预览。

目前线上已提供demo测试，大家也可以体验测试一下。

2. 支持3D文件预览功能

3D模型预览我们开放了很多能力，比如自动旋转3D模型，对3D模型进行旋转，截图，环境渲染器配置等，基本上开箱即用，开发者不需要关注复杂的3D空间知识，只需要按照我们api文档提供的信息配置，即可实现专业的3D模型预览功能。比如你想在web系统中预览3D商品图，手动调整模型渲染方式，都是用轻松用Jit-Viewer 来实现。大家另一个比较关注的问题可能是性能问题，这里我也做了性能优化的方案：

1. WebAssembly 承担重计算：CAD 的几何解析、3D 模型的三角化都在 WASM 中完成，避免阻塞主线程
2. 流式加载：大模型支持 LOD（细节层次）加载，先展示低精度轮廓，再逐步细化
3. Worker 多线程：解析和渲染分离，UI 永不卡顿

3. 视频预览支持完全可控的视频播放控件

我基本上重写了视频播放器，隐藏了video原生的视频播放控件，利用js api，重写了一个完全可控的视频播放 API 接口。

大家可以通过编程式来控制视频的播放，同时还能配置式控制播放控件的显示逻辑：

那么最近的迭代，有哪些应用场景呢？

jit-viewer 不只是用来"打开文件"，在我们实际业务中，它解决了几个实际的痛点：

场景 1：设计评审系统

• 设计师上传 CAD 图纸，产品经理和开发直接在浏览器标注尺寸，无需安装 AutoCAD
• 支持测量工具（距离、角度、面积），数据实时同步到多维表格

场景 2：3D 电商展示

• 用户上传 3D 模型，自动生成 360° 预览，替代传统的图片轮播
• 支持爆炸图动画，展示产品内部结构

场景 3：BIM 轻量化查看

• 建筑信息模型在浏览器端轻量化展示，现场工程师用手机就能查看管线碰撞

场景 4：制造业协同

• 供应商和客户之间传递 3D 模型，不再担心"你用的 SolidWorks 版本和我不兼容"

优缺点分析（客观总结，方便大家参考评估）

优势：

• 零服务端成本：纯前端方案，不需要维护昂贵的文件转换服务器
• 隐私安全：文件不上云，本地解析，适合涉密图纸
• 极致体验：打开即看，无需等待"转换中"的 loading
• 插件化架构：按需加载，不用 CAD 功能就不加载 2MB 的 WASM 文件

局限：

• 超大文件限制：超过 500MB 的 CAD 文件还是建议用桌面软件，浏览器内存有限
• 复杂特性缺失：CAD 的图层编辑、3D 的复杂材质节点暂时不支持（仅预览）
• 移动端性能：3D 模型在低端手机上帧率可能下降，建议开启简化模式

写在最后：独立开发者的 vibe coding 感悟

作为一个连续创业者，我越来越确信：AI 不是替代开发者，而是让独立开发者有了对抗大厂的武器。

jit-viewer 的 CAD 解析模块，如果让我手写 C++ 几何算法，可能需要半年。但在 AI 辅助下，我花了两周就把 OpenCascade 移植到了 WebAssembly。剩下的时间，我可以专注在产品设计和开发者体验上。

这也是我开源这个项目的初衷——降低技术门槛，让更多人能做出专业的工具。

如果你在做 PLG（产品驱动增长）的 SaaS 工具，或者有文件预览的需求，欢迎试试 jit-viewer。

遇到问题直接提 Issue，我会亲自回复（没错，目前 issue 响应速度还在 2 小时内 ～）。

github：github.com/jitOffice/j…

国内镜像：gitee.com/lowcode-chi…