AI 加持开发!开源万能预览器 jit-viewer 来袭,浏览器直开 Office/CAD/3D 模型

在日常办公与研发中,文件预览始终是绕不开的刚需,而 CAD 图纸、3D 模型这类专业文件的预览,更是需要安装专属软件,兼容性差、操作繁琐的问题一直困扰着开发者与职场人。近日,资深架构师徐小夕开源的纯前端文档预览 SDK——jit-viewer 迎来 V1.3.0 版本更新,在 AI Coding 的助力下,这款工具实现了浏览器端直接预览 Office、CAD、3D 模型等数十种格式文件的能力,无需后端转换、无需安装插件,几行代码即可集成,彻底打破了专业文件预览的技术壁垒。

作为一款专注于落地的开源工具,jit-viewer 自两周前发布以来,凭借轻量高效、跨框架兼容的特性迅速出圈,目前在 npm 上已有 2.1k 的月下载量,支持 Apache-2.0 开源协议,可免费商用。它是一款纯前端文件预览引擎,核心思路是将文件解析能力完全搬到浏览器端,彻底摆脱了对微软、Google 在线接口的依赖,也无需企业自建昂贵的文件转换服务器,从根源上解决了传统预览方案的隐私风险与成本问题。

无论是 Vue3、React 还是原生 HTML 项目,jit-viewer 都能无缝集成,开箱即用。开发者仅需通过简单的 API 调用,就能实现远程文件 URL 预览与本地文件上传预览,一行代码即可为项目嵌入专业的文件预览能力,目前已支持 PDF、Word、Excel、CSV、PPT、OFD、CAD (DXF)、图片、Markdown、TXT、视频等多种主流格式,覆盖办公、设计、研发等绝大多数使用场景。

此次 V1.3.0 版本的更新,是 jit-viewer 在专业文件预览领域的重要突破,依托 AI 辅助开发,开发者快速实现了 CAD、3D 模型的预览支持,并对视频预览功能进行了全面升级,三大核心更新让工具的实用性与专业性再上一个台阶。

新增 CAD 文件预览,工程设计协作无需专属软件

工程团队在设计稿交付过程中,常常面临 “对方无 CAD 看图软件”“只能截图传输导致信息丢失” 的痛点,而 jit-viewer 的 CAD (DXF) 格式预览功能,完美解决了这一问题。

借助 AI 技术,开发者将专业的几何解析能力移植到浏览器端,用户无需安装 AutoCAD 等大型软件,只需在浏览器中打开链接,就能直接查看 CAD 图纸,还能进行放大、缩小、旋转等基础操作。目前该功能已上线在线演示,工程设计、建筑施工等领域的从业者,可直接在网页端完成图纸查看与初步评审,大幅提升跨团队协作效率。

解锁 3D 模型预览,零 3D 知识也能实现专业展示

本次更新新增的 3D 模型预览功能,让浏览器具备了专业的 3D 文件解析与渲染能力,支持 STL 等主流 3D 格式,开箱即用且操作门槛极低,开发者无需掌握复杂的 3D 空间知识,仅通过简单的 API 配置,就能实现 3D 模型的预览、自动旋转、手动调整、截图、环境渲染器配置等功能。

针对 3D 模型预览的性能痛点,jit-viewer 做了三重极致优化:一是通过 WebAssembly 承担 CAD 几何解析、3D 模型三角化等重计算工作,避免阻塞浏览器主线程;二是对大模型采用 LOD(细节层次)流式加载,先展示低精度轮廓,再逐步细化模型细节,实现 “打开即看”;三是利用 Worker 多线程技术,将文件解析与页面渲染分离,保证 UI 操作全程无卡顿。这一功能让 3D 电商展示、制造业模型传递等场景的实现成本大幅降低。

重构视频预览控件,实现播放全流程可编程控制

除了专业格式的突破,jit-viewer 还对视频预览功能进行了深度重构,彻底隐藏了浏览器原生视频控件,基于 JS API 开发了一套完全可控的自定义视频播放接口,让开发者能通过编程方式实现视频的播放、暂停、倍速、静音等全流程控制。

同时,工具提供了灵活的控件显示逻辑配置,支持 “原生控件 / 自定义控件 / 工具栏视频控件” 自由组合,还能设置 “禁止拖动进度条”,满足禁跳播、续播等个性化业务需求。调试面板的加入,更让开发者能实时切换控件模式,快速验证效果,大幅提升开发效率。

优秀的技术工具,最终都要落地到实际业务场景中。jit-viewer 并非单纯的 “文件打开工具”,而是能真正解决各行业实际痛点的效率利器,其新增的 CAD、3D 预览功能,已在多个领域展现出强大的实用价值:

  1. 设计评审系统:设计师上传 CAD 图纸后,产品经理、开发工程师可直接在浏览器端标注尺寸、提出修改意见,无需安装专业软件,测量工具(距离、角度、面积)的数据还能实时同步到多维表格,实现评审流程数字化;

  2. 3D 电商展示:商家上传产品 3D 模型,系统自动生成 360° 全景预览,替代传统的图片轮播,还能通过爆炸图动画展示产品内部结构,让消费者更直观地了解产品细节,提升购物体验;

  3. BIM 轻量化查看:建筑信息模型(BIM)可在浏览器端实现轻量化展示,现场施工工程师用手机就能随时查看图纸,排查管线碰撞等问题,摆脱对电脑端专业软件的依赖;

  4. 制造业协同:供应商与客户之间传递 3D 模型时,无需再担心 “SolidWorks 版本不兼容” 的问题,浏览器端统一预览,保证模型信息传递的准确性与一致性。

作为一款纯前端开源工具,jit-viewer 的优势十分突出,但也存在现阶段的技术局限,客观来看,其核心特点可总结为:

核心优势

  • 零服务端成本:纯前端解析方案,无需维护文件转换服务器,大幅降低企业研发与运维成本;

  • 隐私安全可控:所有文件均在本地浏览器解析,不上云、不传输,完美适配涉密图纸、企业内部文档等隐私性要求高的场景;

  • 体验极致高效:文件打开即看,无 “转换中” 的加载等待,插件化架构支持按需加载,不用 CAD/3D 功能则不加载相关 WASM 文件,保证页面加载速度;

  • 集成门槛极低:跨框架兼容,API 设计简洁,几行代码即可实现集成,开源免费且支持商用,适合各类开发者与企业项目。

现阶段局限

  • 超大文件支持有限:受浏览器内存限制,超过 500MB 的 CAD 大文件,仍建议使用桌面专业软件;

  • 仅支持预览无编辑:暂时缺失 CAD 图层编辑、3D 模型复杂材质节点调整等功能,仅满足文件查看需求;

  • 移动端性能差异:3D 模型在低端安卓手机上可能出现帧率下降,建议开启简化模式使用。

jit-viewer 的快速迭代,离不开 AI 技术的加持,这也是开发者徐小夕最深刻的开发感悟:AI 不是替代开发者,而是让独立开发者拥有了对抗大厂的武器。据悉,jit-viewer 的 CAD 解析模块,若纯手工编写 C++ 几何算法,至少需要半年时间,而在 AI 辅助下,开发者仅用两周就完成了 OpenCascade 到 WebAssembly 的移植,节省的时间能更多投入到产品设计与开发者体验优化中。

这也是 jit-viewer 开源的初衷 —— 降低专业文件预览的技术门槛,让更多中小开发者与企业,能以零成本实现大厂级的文件预览能力。目前项目仍在持续迭代,开发者对 Issue 的响应速度保持在 2 小时内,无论是功能建议还是技术问题,都能得到及时反馈。

jit-viewer 相关地址

除了 jit-viewer,开发者团队近期上线的企业级 AI 知识库产品 JitKnow 也在持续迭代,该产品基于 RAG 技术实现精准知识检索,支持私有化部署,目前正在招募 20-40 位产品品鉴官共建产品。同时,开发者推出的《架构师精选》专栏,还会持续分享一线企业 AI 应用实践、可视化搭建平台与 AI 产品的源码实现,为开发者提供从技术落地到商业化的全流程参考。

在 AI 技术快速发展的当下,像 jit-viewer 这样扎根实际需求、依托 AI 提效的开源工具,正在成为开发者的 “效率神器”。它不仅解决了文件预览的行业痛点,更展现了 AI 辅助开发的巨大潜力 —— 让技术研发更聚焦于产品本身,让小团队也能做出专业、实用的优质工具。

听起来挺实用的啊

这工具看着真挺实用的

测试员角度来了哈,CAD预览确实惊艳,但纯前端解析大文件会不会吃掉太多内存啊?移动端要是卡成PPT就尴尬了。

预览文档这么厉害

支持wasm厉害啊

你先试试预览几个文件看看

这个工具好像挺实用的

这工具看起来不错哈

纯前端解析真香呀
不用装软件了哈
commit信息要写清楚版本

浏览器直接看图纸确实方便

好像确实能解决不少问题

这玩意儿用起来确实挺方便的

纯前端预览确实方便
CAD支持不错
3D模型还带LOD优化
视频控件可编程这点很实用