Web端3D预览与嵌入：12个GLB/USDZ查看器与组件入口（WebGL/AR）

把常用的 Web 端 3D 预览与嵌入方案集中在一篇，方便快速对比：支持 glTF/GLB、USDZ、WebGL/WebGPU、移动端 AR 预览等。每条都给出用途与入口，按需收藏。

Google model-viewer

描述：轻量 Web Component，可直接在网页里展示 GLB/USDZ，并支持 AR（Android/ iOS）。

网址：https://modelviewer.dev/

three.js

描述：最常用的 WebGL 3D 引擎之一，配套示例与加载器完善，适合自建查看器与交互。

网址：https://threejs.org/

Babylon.js

描述：功能完整的 Web 3D 引擎，带 Inspector/材质与动画支持，适合做可编辑的在线预览。

网址：https://www.babylonjs.com/

PlayCanvas

描述：在线编辑器 + 引擎一体化，适合快速搭建可分享的 3D 场景并嵌入到站点。

网址：https://playcanvas.com/

Sketchfab Embed

描述：海量模型托管与在线预览，支持 iframe 嵌入与基本交互参数，适合快速发布展示。

网址：https://sketchfab.com/features/embed

p3d.in

描述：上传模型后生成在线预览页面与嵌入代码，适合做简单展示与分享。

网址：https://p3d.in/

Filament (Web)

描述：Google 的实时渲染引擎，提供 Web 端查看器与工具链，适合 PBR 展示与性能优化。

网址：https://google.github.io/filament/

CesiumJS

描述：面向地理与大场景的 3D 引擎，支持 3D Tiles/glTF，适合城市/地形/数字孪生可视化。

网址：https://cesium.com/platform/cesiumjs/

xeokit

描述：偏 BIM/IFC 的 Web 3D 查看器与组件，适合工程类模型的浏览、剖切与测量。

网址：https://xeokit.io/

OpenUSD (USD) 文档与生态

描述：USD 规范与工具生态入口；做 USD 场景时可从这里查标准与相关工具链。

网址：https://openusd.org/

Khronos glTF

描述：glTF/GLB 官方规范与扩展入口，方便核对格式、材质与动画兼容性。

网址：https://www.khronos.org/gltf/

Apple Quick Look (USDZ)

描述：iOS/macOS 的 USDZ 预览与 AR 展示入口，适合在 Safari/应用中快速预览与分享。

网址：https://developer.apple.com/augmented-reality/quick-look/