共码未来 | 助力实现事半功倍的前端开发体验

谷歌赋能开发者高效开发

通过提供简单易用且相互协同的开发工具

助力开发者轻松快速的完成开发工作

专注于构建用户喜爱的产品

一起来看看有哪些“事半功倍”的工具

能够为开发者带来更好的前端开发体验

Flutter 3，是 Flutter 团队向全平台覆盖这一愿景迈出的一大步。新增对 macOS 和 Linux 的稳定支持，可以让开发者只需一套代码即可覆盖六个平台。

在此基础上，经过不断改进与完善，Flutter 3.3 版本也已于近期发布，并带来了许多开发者翘首以盼的新功能：

• 更新了 go_router package，改进了导航和深层链接的实现流程

• 将更多组件迁移到了 Material 3

• 为桌面用户增加了触控板的手势支持

• 在所有平台上都支持全局交互式文本选择功能，以及支持调整文本选择控件的默认外观

• 针对 Windows 平台的开发体验以及性能进行改进

Flutter 的硬件加速图形功能，受到了越来越多游戏开发者们的青睐。在过去一年中，有数千款 Flutter 游戏发布。为帮助开发者简化开发工作，Flutter 休闲游戏工具包（Flutter Casual Games Toolkit）应运而生，提供了包含游戏开发模版、学习资料、 区空间，以及 Google 开发者服务代金券等相关信息。

同时，在 Flutter 官方 站新开设了面向游戏开发者的页面，开发者可以获取包括游戏模版、源代码，视频教程、素材市场、制作工具、Dart 和 Flutter package 等各种资源的链接。

• Flutter 官方 站

  flutter.cn/games 

Firebase 为开发者们带来了在应用整个生命周期内、各阶段都可依靠的产品和解决方案，并以全托管基础架构的方式提供，确保应用的启动与运行快速、安全且高效，让开发者可以专注于打造用户喜爱的应用。

为打造流畅、稳定的开发体验，Firebase 不断提升与 Google 热门开发产品的集成，以及平台与开放的工具生态系统间的协作。

自适应布局可对来自用户、设备和屏幕元素的输入做出反应，适应各种屏幕尺寸和方向。Material Design 3 自适应指南和组件让应用适配各种屏幕尺寸以及不同的导航组件和可触达性。

可折叠设备不仅配备更大的屏幕，还可以根据设备的折叠方式和用户的使用方式调整设备的方向/姿势。

• WindowManager Jetpack 库使应用能感知折叠状态提供一套通用的 API 界面以支持不同的设备类型。开发者可以使用 WindowManager 来查看显示屏特性及其影响。

• 需要注意铰链位置对交互的影响，避免将按钮和其他重要操作项直接放在铰链区域。

• ViewModel 让数据可在发生屏幕旋转等配置更改后继续留存，确保当前任务能在转换后继续无缝执行。

Chrome DevTools 是一组直接内置在 Google Chrome 浏览器中的 Web 开发人员工具。将 DevTools 设置与 Chrome 配置文件同步即可进行跨设备工作。通过 Chrome DevTools 新推出的 Recorder 面板，可录制和回放用户流程，模拟关键的流程以改善用户体验。还增加了“性能数据分析”面板，帮助诊断性能问题。

渐进式 Web 应用程序 (PWA) 是使用现代 API 构建和增强的 Web 应用程序，可提供增强的功能、可靠性和可安装性，同时通过单一代码库覆盖任何人、任何地点、任何设备上。

• 构建可靠的离线体验需要实施存储管理，可使用 IndexedDB、缓存、存储管理器、持久存储和内容索引等工具。Workbox 是一组可简化常见的 Service Worker 交互的模块，也可帮助实现离线支持。

• Web Share API 使 Web 应用程序能够以与特定于平台的 APP 相同的方式将链接、文本和文件共享到设备上安装的其他应用程序。在 Web Share Target API 帮助下，已安装的 Web 应用可以在底层操作系统中注册为分享目标，从而实现接收分享内容的功能。

• 应用程序快捷方式（App shortcuts）允许 Web 开发人员快速访问用户经常需要的一些常见操作。

文章知识点与官方知识档案匹配，可进一步学习相关知识Java技能树首页概览91958 人正在系统学习中