2024 年 Google I/O 大會發布的 10 項最新消息:讓所有網頁程式開發人員發揮 AI 的力量

Paul Kinlan
Paul Kinlan

今年 8 月上線 35 週年了。許多不同世代的開發人員組成了這項令人驚豔的技術 為我們的生活帶來無數的創新而是運用 AI 發明新一代我們在開發人員主題演��和 I/O 大會講座中推出了 10 項令人期待的功能,透過更強大的網路功能,讓開發更臻完善。

1. 整合 Chrome 電腦版的 Gemini Nano,提供裝置端 AI 新功能

自 Chrome 126 起,我們會在 Chrome 電腦版中內建 Gemini Nano。 這項變更的重要性為何?您將能為 Chrome 的數十億名使用者提供強大的 AI 功能,不必擔心提示工程、微調、容量或成本等問題。Chrome 內建具備裝置端功能的「幫我寫」功能, 可協助使用者撰寫短篇內容。

歡迎申請加入搶先體驗方案,協助我們勾勒出網路未來發展的藍圖。

2. 無論您使用的 AI 模型為何,WebAssembly 和 WebGPU 都能支援裝置端 AI

我們投入了大量資源,使用 WebGPU 和 Wasm 是能在網站上啟用 AI 的骨幹技術,能夠快速且有效率地執行 AI 模型。我們推出多項新功能,例如 WebGPU 中的 16 位元浮點值,以及 Wasm 中的 Memory64 和 JavaScript Promise 整合,讓 AI 的執行速度更快。有了 Wasm 和 WebGPU,您的 AI 程式庫即可在大量硬體中大規模執行模型。

3. 採用 AI 技術的 Chrome 開發人員工具可簡化偵錯程序

如要偵錯及調整應用程式,Chrome 開發人員工具是最常用的方法之一。有了 AI,偵錯功能就能更加輕鬆。我們正在將 Gemini 導入 Chrome 開發人員工具控制台,可產生洞察資訊、協助您瞭解問題,甚至找出修正問題的方法!

Chrome 開發人員工具控制台深入分析是美國的實驗性功能,很快就會推行到更多國家/地區。

4. Speculation Rules API 提供即時瀏覽體驗

全新的 Speculation Rules API 提供近乎即時的瀏覽功能,可在背景預先擷取及預先轉譯頁面,大幅加快瀏覽速度。請思考毫秒,而不是秒。最棒的是,只需要加入幾行程式碼即可開始使用,且 AI 可智慧型預測導覽模式。

Tokopedia 示例:預先轉譯的影響大幅縮短載入時間,即使連線速度緩慢也不受影響。

5. 查看多頁面網站的轉換

我們想重新定義使用者體驗的網路體驗,而對開發人員來說,我們想改變 打造網路環境的方式使用 View Transition API,您即可輕鬆地在頁面狀態之間建立動畫。現在,它可與多頁面應用程式搭配運作,讓您無論網站架構為何,都能建立流暢的導覽功能。結合推測規則和 AI 技術後,頁面轉換可以順暢無阻。

6. 跨瀏覽器整合檢視畫面的 Web Platform 資訊主頁

我們知道瀏覽器在不斷更新時,經常更新各瀏覽器的最新平台變更、API 和架構並不容易。Baseline 可讓您瞭解所有瀏覽器都支援哪些網頁功能。現在,透過 Web Platform 資訊主頁,您就能看到整個網路平台對應成一系列功能、跟隨其開發,以及查看其互通狀態。

7. 直接在工作流程中使用基準工具

基準若與工作流程整合,就能達到最佳效能。即日起,Akamai 的 RUM 封存檔為 RUM 封存深入分析的開發人員提供新工具。首次使用時,您可以查看以該版本的基準版本和功能,在全球並排顯示的使用者比例。

8. Angular 的部分水份攝取能提升效能

我們認為 Angular 是建構及部署網頁應用程式的最佳平台。我們目前正致力於部分飲水量,因此 JavaScript 只會在必要時載入並補充部分應用程式,大幅改善 Core Web Vitals 功能,方便您對效能敏感的應用程式使用。我們未來幾週會在開發人員預覽版中查看這項功能。

9. 立即可用的信號,進一步精細回應遊戲

我們想讓您更精細地控管應用程式變更的偵測和管理。輸入:透過信號精細反應。Angular 提供一組新的回應式 API,讓您透過 Signals 實現一流的開發人員體驗。信號則提供精細的變更偵測功能,只會檢查一小部分的元件樹狀結構來傳播狀態變更,讓您不再需要手動最佳化 UI。

信號型反應 API 現已推出,立即可用。我們預計於今年稍晚推出精細的變更偵測功能。

10. 在 Maps JavaScript API 中打造 3D 沉浸式體驗

我們在 Google 地圖平台導入了擬真 3D 地圖到熟悉的 Maps JavaScript API,藉此開發更多打造身歷其境的網路體驗方式。現在,您可以利用 Google 的轉譯技術,以使用者預期的速度提供豐富的 3D 地圖。最棒的是,您只須使用一行程式碼即可開始操作。

我們等不及要親眼見證你的精彩體驗! 瞭解詳情


您每天都會在開發的複雜程度下,不斷突破極限。我們很高興能協助您打造全新體驗 讓每個人都能享受其中內容請造訪 developer.chrome.comweb.dev,進一步瞭解這個更實用的網路功能。別忘了透過 XYouTubeLinkedIn 追蹤我們。

期待下一場 I/O 大會見!