Kotlin
A concise multiplatform language developed by JetBrains
Compose Multiplatform 1.9.0 正式发布:Compose Multiplatform for Web 进入 Beta 阶段
由 Wasm 提供支持的 Compose Multiplatform for Web 现已进入 Beta 阶段! 这一重要里程碑意味着,Compose Multiplatform for Web 不再局限于实验性探索,而是可供早期采用者投入实际应用。
此次更新不仅是技术层面的突破。 它是社区共同努力的成果,Alpha 版本早期采用者的反馈、他们构建的演示,以及开源项目的贡献,均为此次更新的成熟奠定了基础。
借助 Beta 版本,您如今可以自信地将现有的 Compose 技能与编码模式迁移至 Web 端,无需大量额外投入,这样一来,您能够快速创建新应用,或对现有移动和桌面应用进行扩展。
除了 Compose Multiplatform for Web 进入 Beta 阶段外,Compose Multiplatform 1.9.0 版本还带来了 Android、iOS 和桌面改进。这一系列更新充分表明,Compose Multiplatform 正逐步成长为真正意义上的统一 UI 框架。
将您的 Compose 代码与技能迁移至 Web 端
借助 Compose Multiplatform,在开发 Web 应用时,您可以共享大部分 UI 代码,并沿用在 Android 开发中已掌握的 Compose 技能,无需学习全新的 UI 工具包。 您可以直接获得:
- Material 3 组件,确保设计保真度,让您的 UI 呈现精致现代的视觉效果。
- 自适应布局,可以在不同设备与屏幕尺寸间无缝调整大小,搭配流畅自然的过渡动画,让界面切换体验更流畅。
- 浏览器导航集成,支持前进/后退按钮、深层链接和历史记录。
- 对系统与浏览器偏好设置的支持,例如深色模式。
您可以轻松地将 Compose 经验迁移至浏览器,快速开始构建 Web 应用。
构建现代 Web 应用所需的一切
Compose Multiplatform for Web 现在包含构建实用浏览器应用所需的一切,助您打造美观且可靠的 UI,具体包括:
- 可以在 Web 端运行的核心 API,支持在公共代码中调用。
- 与 HTML 的互操作性,可以实现 Compose UI 与原生 Web 元素的混合。
- 支持深层链接的类型安全导航。
- 对辅助技术的基础无障碍功能支持。
- 跨浏览器兼容性,包括针对旧版浏览器的回退。
Compose Multiplatform 1.9.0 不仅确保核心 API 表面实现可在 Web 端正常运行,还引入了针对无障碍功能与导航的改进,同时修正了大量错误并提升了开发者体验(请参阅 1.9.0 最新变化页面了解详情)。 随着 Compose Multiplatform for Web 的 Beta 版本的发布,主要 API 已达到稳定可用状态,您可以放心采用,未来进行重大更改的可能性极低。
当前,大量多平台库正持续扩展至 Web 端,为此版本所奠定的基础提供支撑。 许多用于网络、序列化、协程和依赖项注入的热门 Kotlin 库已实现跨 Web 平台运行,同时不少社区项目也新增了对 Wasm 的支持。 您可以前往官方 Kotlin Multiplatform 目录(网址为 klibs.io)探索这些资源,标注为支持 Web 端的库正不断增多。
可以提升效率的开发工具
使用 Compose Multiplatform 开发 Web 应用程序时,您可以使用 IntelliJ IDEA 或 Android Studio。如果安装新版 Kotlin Multiplatform 插件,更能充分发挥工具优势。
除 macOS 外,适用于 IntelliJ IDEA 的 Kotlin Multiplatform 插件现已支持 Linux 与 Windows。在这两个系统上,您可以使用该插件提供的完整功能进行 Web、Android 和桌面开发。 唯一例外是 iOS 和 macOS 目标系统,受系统限制,仍依赖 Apple 硬件。 对于 Android Studio,Windows 和 Linux 支持将稍后添加。
借助 Kotlin Multiplatform 插件,您可以:
- 通过集成的项目向导创建包含 Web 目标的新项目,支持共享 UI 或非共享 UI。
- 得益于自动创建的运行配置,直接在 IDE 中启动浏览器并运行应用。
- 利用 Web 入口点的装订区域图标,快速启动并调试您的 Compose 应用。
此外,您还可实现以下操作:
- 借助自定义格式化程序在浏览器中调试,在 DevTools 中获得更流畅的体验。
- 借助 JavaScript 调试器插件,直接在 IntelliJ IDEA Ultimate(2025.3 或更高版本)中进行调试。 请注意,2025.3 目前仅提供 EAP 版。
凭借这些功能,从项目设置到运行和调试应用的全流程操作均可轻松完成,全程无需离开 IDE。
Compose Multiplatform for Web 实际运作
Kotlin Playground 与 KotlinConf 应用是 Compose Multiplatform for Web 的典型实践案例,充分展示了如何将 Compose UI 直接集成到浏览器中。
此外,以下这些演示也值得探索:
- Rijksmuseum Demo – 以丰富的交互式 UI 呈现博物馆馆藏。
- Jetsnack Wasm Demo – 趣味十足的电商体验示例。
- Compose Material 3 Gallery – 展示使用 Compose 构建的 Material 3 组件。
- Storytale – 一款 Storybook 风格的组件库,支持开发者探索、预览和共享 UI 组件。

这些项目彰显了 Compose Multiplatform for Web 的灵活性,无论是开发交互式原型,还是构建达到生产级质量标准的应用,它都能满足需求。
开始使用 Compose Multiplatform for Web
体验 Compose Multiplatform for Web 的最简单方式是使用 Kotlin Playground。 无需进行任何安装或设置。 只需打开浏览器,即可开始编写 UI 代码:
如果您希望在 IDE 中使用 Compose Multiplatform for Web,只需遵循我们的分步指南操作即可:
想要开发却没有思路?
- 快速构建演示与原型 – 快速启动交互式概念验证、内部工具或小型实验。 您可以利用现有的 Compose 技能快速产出成果。这种方式非常适合与团队协作验证创意。
- 创建 UI 组件库 – 以 Storybook 风格构建可以实时查看的 UI 组件库,既能展示可重用组件、预览设计系统,也能直接在浏览器中分享原型,且无需额外进行设置。
助力塑造 Compose Multiplatform for Web 的未来
目前,Compose Multiplatform for Web 已进入 Beta 阶段。 我们将此次发布视为推动其更广泛采用的基础,而借助您的反馈,我们会持续优化,逐步迈向稳定版。
欢迎您告知我们哪些功能体验良好、哪些环节仍需改进,以及您希望后续新增哪些功能。 我们将携手社区优化功能、修正 bug,让 Compose Multiplatform for Web 更加可靠,为开发者带来更愉悦的使用体验。
在 Kotlin Slack 工作空间的 #compose-web 和 #compose 频道中分享您的想法,帮助塑造多平台开发的未来。
Compose Multiplatform 不止 Web
Compose Multiplatform 1.9.0 还带来了针对 iOS、桌面端和通用代码的优化。
iOS
现在,您对性能和输出拥有更多控制权。 您不仅可以配置帧率来更好地平衡流畅度与电池续航时间,还能够自定义文本输入行为,让 Compose 应用在 iOS 上的操作体验更贴合系统原生逻辑。
桌面
桌面应用新增了窗口管理功能,其中包括在窗口显示前对其进行配置的能力,这让管理多个窗口或自定义布局的操作变得更便捷。
所有平台
对于所有目标平台,设计与预览体验都得到了进一步强化。 得益于可配置性更高的预览,变体测试得以简化。更深度的阴影自定义功能让您可以更精细地控制 UI 的层次感与风格。
如需查看 Compose Multiplatform 1.9.0 的完整更新列表,请访问我们的最新变化页面。
阅读更多
- Compose Multiplatform 1.9.0 – GitHub 上的版本说明
- Compose Multiplatform 1.9.0 最新变化 – 文档门户上的详细版本说明
- Compose Multiplatform 使用入门 – 教程
- Compose Multiplatform 和 Jetpack Compose
本博文英文原作者: