谷歌賦能開發(fā)者高效開發(fā)

通過提供簡單易用且相互協(xié)同的開發(fā)工具

助力開發(fā)者輕松快速的完成開發(fā)工作

專注于構(gòu)建用戶喜愛的產(chǎn)品

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

能夠為開發(fā)者帶來更好的前端開發(fā)體驗

Flutter: 高效構(gòu)建精美應(yīng)用?

Flutter為軟件開發(fā)行業(yè)帶來了革新：只要一套代碼庫，即可構(gòu)建、測試和發(fā)布適用于移動、Web、桌面和嵌入式平臺的精美應(yīng)用。從四年前發(fā)布首個 Beta 版以來，F(xiàn)lutter 一直不斷進步。如今，使用 Flutter 開發(fā)的應(yīng)用數(shù)量已經(jīng)突破 50 萬。其中，中國的 Flutter 開發(fā)者社區(qū)規(guī)模位居全球前列。?

Flutter 3.3

Flutter 3， 是 Flutter 團隊向全平臺覆蓋這一愿景邁出的一大步。新增對 macOS 和 Linux 的穩(wěn)定支持，可以讓開發(fā)者只需一套代碼即可覆蓋六個平臺。

在此基礎(chǔ)上，經(jīng)過不斷改進與完善，Flutter 3.3 版本也已于近期發(fā)布，并帶來了許多開發(fā)者翹首以盼的新功能：

●     更新了 go_router package，改進了導(dǎo)航和深層鏈接的實現(xiàn)流程

●      將更多組件遷移到了 Material 3

●     為桌面用戶增加了觸控板的手勢支持

●     在所有平臺上都支持全局交互式文本選擇功能，以及支持調(diào)整文本選擇控件的默認外觀

●      針對 Windows 平臺的開發(fā)體驗以及性能進行改進

在 Flutter 3.3 中， Flutter 團隊還與Flutter 應(yīng)用設(shè)計工作室 Gskinner 合作，新推出了一款名為 Wonderous 的應(yīng)用示例，您也可以在今天發(fā)布的第二條圖文中詳細了解。借助 Wonderous，用戶可以深入探究世界八大奇觀同時，也向更多開發(fā)者和設(shè)計工作室展現(xiàn)了如何使用 Flutter 的強大功能打造高性能的精美互動體驗。

Flutter休閑游戲工具包

Flutter 的硬件加速圖形功能，受到了越來越多游戲開發(fā)者們的青睞。在過去一年中，有數(shù)千款 Flutter 游戲發(fā)布。為幫助開發(fā)者簡化開發(fā)工作，Flutter 休閑游戲工具包（Flutter Casual Games Toolkit）應(yīng)運而生，提供了包含游戲開發(fā)模版、學(xué)習資料、社區(qū)空間，以及 Google 開發(fā)者服務(wù)代金券等相關(guān)信息。

同時，在 Flutter 官方網(wǎng)站新開設(shè)了面向游戲開發(fā)者的頁面，開發(fā)者可以獲取包括游戲模版、源代碼，視頻教程、素材市場、制作工具、Dart 和 Flutter package 等各種資源的鏈接。

●      Flutter 官方網(wǎng)站 flutter.cn/games

Firebase: 打造流暢、穩(wěn)定的開發(fā)體驗

Firebase 為開發(fā)者們帶來了在應(yīng)用整個生命周期內(nèi)、各階段都可依靠的產(chǎn)品和解決方案，并以全托管基礎(chǔ)架構(gòu)的方式提供，確保應(yīng)用的啟動與運行快速、安全且高效，讓開發(fā)者可以專注于打造用戶喜愛的應(yīng)用。

為打造流暢、穩(wěn)定的開發(fā)體驗，Firebase 不斷提升與 Google 熱門開發(fā)產(chǎn)品的集成，以及平臺與開放的工具生態(tài)系統(tǒng)間的協(xié)作。

與 Flutter 集成：加快跨平臺應(yīng)用的開發(fā)速度

日前有 62% 的 Flutter 開發(fā)者在應(yīng)用中使用 Firebase。隨著Flutter 和 Firebase 之間的集成進入穩(wěn)定版，并成為 Firebase 產(chǎn)品線中的一個受全面支持的核心組件。Flutter 已將相關(guān)源代碼和文檔遷移到 Firebase 主代碼庫和網(wǎng)站，并會繼續(xù)努力改進 Firebase 對 Flutter 的支持，使其與 Android 和 iOS 平臺的開發(fā)保持一致。

Crashlytics for Flutter：輕松快速知曉崩潰問題

穩(wěn)定性和性能是每個應(yīng)用成功的關(guān)鍵。Firebase Crashlytics 作為實時崩潰報告工具，可以幫助開發(fā)者根據(jù)對真實用戶的影響，優(yōu)先關(guān)注和修復(fù)那些最嚴重的崩潰問題。開發(fā)者可以在 iOS 和 Android 上使用同一套功能來跟蹤應(yīng)用中的錯誤，在重大問題影響到大量用戶之前搶先解決。

Crashlytics for Flutter 的設(shè)置步驟已被簡化，開發(fā)者在幾分鐘內(nèi)即可完成設(shè)置、開始使用。并且，Crashlytics 現(xiàn)與 Play 軌道功能進行了集成，開發(fā)者可以基于軌道過濾 Crashlytics 崩潰報告，分別了解各個版本的情況，并在發(fā)現(xiàn)崩潰問題后確定修復(fù)優(yōu)先級。

?

App Check： 幫助增強安全性 / 帶來順暢安全的開發(fā)體驗

Firebase 的安全解決方案 App Check 正式發(fā)布，以幫助開發(fā)者保護數(shù)據(jù)和用戶的安全。App Check 會證明傳入的流量確實來自可信設(shè)備上的應(yīng)用實例，并且符合主要的合規(guī)性和安全性標準。開發(fā)者可以將 App Check 保護機制與 Firebase 、Google Cloud 或定制的服務(wù)器上的 API 端點搭配使用。 此外，我們還將 App Check 與新的 Play Integrity API 相集成，讓 Android 應(yīng)用能獲得先進的安全防護。

Material Design: 構(gòu)建自適應(yīng)應(yīng)用

Material Design 是一個由指南、組件和工具組成的適應(yīng)性系統(tǒng)，支持用戶界面設(shè)計的最佳實踐。它幫助開發(fā)者按照自適應(yīng)界面的原則來構(gòu)建應(yīng)用，從而解決在平板電腦和可折疊設(shè)備上的適配問題。

Material Design 3

自適應(yīng)布局可對來自用戶、設(shè)備和屏幕元素的輸入做出反應(yīng)，適應(yīng)各種屏幕尺寸和方向。Material
Design 3 自適應(yīng)指南和組件讓應(yīng)用適配各種屏幕尺寸以及不同的導(dǎo)航組件和可觸達性。 

●     Compose Material 3 Jetpack 庫現(xiàn)已發(fā)布 Alpha 版，它基于 Material Design 3 規(guī)范，包括了更新后的主題、組件以及動態(tài)配色 Material You 個性化功能，與新的 Android 12 視覺樣式和系統(tǒng)界面相得益彰。

●     窗口大小類（WindowSizeClasses）是一組主觀的視口斷點。 WindowSizeClass API 幫助擺脫易出錯的 isTable 邏輯，消除設(shè)備在橫豎屏切換時需要自定義邏輯的需求。

●     遵循 Material 指南，開發(fā)者可以根據(jù)寬度的尺寸類別提供替代布局，將導(dǎo)航調(diào)整到最方便使用的位置。

適配可折疊設(shè)備

可折疊設(shè)備不僅配備更大的屏幕，還可以根據(jù)設(shè)備的折疊方式和用戶的使用方式調(diào)整設(shè)備的方向/姿勢。

●     WindowManager
Jetpack 庫使應(yīng)用能感知折疊狀態(tài)提供一套通用的 API 界面以支持不同的設(shè)備類型。開發(fā)者可以使用 WindowManager 來查看顯示屏特性及其影響。

●     需要注意鉸鏈位置對交互的影響，避免將按鈕和其他重要操作項直接放在鉸鏈區(qū)域。

●     ??ViewModel?? 讓數(shù)據(jù)可在發(fā)生屏幕旋轉(zhuǎn)等配置更改后繼續(xù)留存，確保當前任務(wù)能在轉(zhuǎn)換后繼續(xù)無縫執(zhí)行。

Web: 挖掘網(wǎng)頁內(nèi)容潛力

Chrome 團隊致力于幫助大家針對 Web 構(gòu)建內(nèi)容，并不斷挖掘網(wǎng)頁內(nèi)容的各種潛力。許多中國開發(fā)者為用戶打造了無與倫比的優(yōu)質(zhì)體驗，展示了 Web 的無盡潛力。如騰訊文檔借助異步剪貼板 API 實現(xiàn)更好的實時協(xié)作和功能。Cocos 利用像 Web Audio 和 Web GPU 提供高保真度的網(wǎng)頁游戲體驗。

DevTools：自動化 Web 測試工具錦囊

Chrome DevTools 是一組直接內(nèi)置在 Google Chrome 瀏覽器中的 Web 開發(fā)人員工具。將 DevTools 設(shè)置與 Chrome 配置文件同步即可進行跨設(shè)備工作。通過 Chrome DevTools 新推出的 Recorder 面板，可錄制和回放用戶流程，模擬關(guān)鍵的流程以改善用戶體驗。還增加了“性能數(shù)據(jù)分析”面板，幫助診斷性能問題。

PWA：增進 Web App 體驗

漸進式 Web 應(yīng)用程序 (PWA) 是使用現(xiàn)代 API 構(gòu)建和增強的 Web 應(yīng)用程序，可提供增強的功能、可靠性和可安裝性，同時通過單一代碼庫覆蓋任何人、任何地點、任何設(shè)備上。

●     構(gòu)建可靠的離線體驗需要實施存儲管理，可使用 IndexedDB、緩存、存儲管理器、持久存儲和內(nèi)容索引等工具。Workbox 是一組可簡化常見的 Service Worker 交互的模塊，也可幫助實現(xiàn)離線支持。

●     Web Share
API 使 Web 應(yīng)用程序能夠以與特定于平臺的 APP 相同的方式將鏈接、文本和文件共享到設(shè)備上安裝的其他應(yīng)用程序。在 Web Share Target API 幫助下，已安裝的
Web 應(yīng)用可以在底層操作系統(tǒng)中注冊為分享目標，從而實現(xiàn)接收分享內(nèi)容的功能。

●     應(yīng)用程序快捷方式（App shortcuts）允許 Web 開發(fā)人員快速訪問用戶經(jīng)常需要的一些常見操作。

前往 Web 開發(fā)者網(wǎng)站，了解詳情 ??https://web.dev/??

持續(xù)關(guān)注谷歌開發(fā)者

了解更多 谷歌技術(shù)進展與產(chǎn)品更新

探索“共碼未來”的無限精彩！