在 Web 项目中使用 Capacitor
Capacitor 完全支持传统 Web 和渐进式 Web 应用。事实上，使用 Capacitor 可以轻松地以最小的工作量发布 iOS 和 Android 应用商店应用的 PWA 版本。
浏览器支持
Capacitor 核心和插件为 ES2017 构建。这种较新的 JavaScript 语法在所有现代浏览器（包括在 iOS 和 Android 上驱动 PWA 的浏览器）中都得到支持，但在 IE11 中无法工作，除非进行额外的 JavaScript 转换，例如使用 Babel。
具有 Web 支持的插件将执行功能检测，如果浏览器不支持特定的 Web API，则会抛出异常。
安装
如果您已经在为 iOS 或 Android 使用 Capacitor 构建，则无需额外安装步骤！
否则，请在继续之前查看安装指南。
将 Capacitor 作为模块使用
大多数情况下，应用将使用带有支持导入 JavaScript 模块的构建系统的框架。通过从 @capacitor/core 导入或导入插件，Capacitor JavaScript 运行时将与您的应用一起加载。
将 Capacitor 作为脚本包含使用
要在不使用构建系统或打包工具/模块加载器的 Web 应用中使用 Capacitor 运行时，请执行以下操作：
- 在 Capacitor 配置文件 中将
bundledWebRuntime设置为true
"bundledWebRuntime": true
- 将 Capacitor 运行时包（
capacitor.js）复制到您的 Web 资产目录中
npx cap sync web
- 在
index.html中在其他 JavaScript 之前导入capacitor.js
<script src="capacitor.js"></script>
<script src="your/app.js"></script>
上线
当您准备好发布渐进式 Web 应用并与全世界分享时，只需上传 Web 资产目录的内容。
这将包含运行应用所需的一切！