歡迎來到運用 AI 技術的新世代網路時代。瞭解 AI 如何協助開發人員輕鬆打造強大的網路體驗。
開始使用 加入搶先體驗方案「」

Chrome 中的 Gemini Nano

體驗 Chrome 版 Gemini Nano 帶來無限可能。
Gemini 生態系統即將在 Chrome 中導入 Gemini Nano 是效率最高的模型。
用戶端 AI 可為使用者提供強大的模型，同時保護資料隱私並縮短延遲時間。
瞭解開始使用內建 AI 建構功能和應用程式時，必須具備哪些條件。
查看可在 Chrome 中搭配 Gemini Nano 使用的 API 和其可用性狀態。

內建 AI API

加入原始版本試用計畫，並開始在正式版中使用這些 API。
開始使用
使用本機 AI 模型在瀏覽器中即時翻譯文字。使用者現在可以以母語進行貢獻。
透過 Language Detector API 找出任何指定文字使用的語言。
產生不同類型的摘要，長度和格式各異，例如句子、段落、項目符號清單等。
探索 Chrome 擴充功能 Prompt API 的無限可能。

使用 AI 進行建構

解決用途問題。
使用伺服器端生成式 AI 評估評論。推論是在伺服器上進行。
探索裝置端 AI 解決方案，瞭解如何協助使用者撰寫具深入分析見解的評論。
使用 Translator API 提供全球客戶服務。
在裝置上快取模型，協助應用程式更快啟動。
本指南將介紹使用語言模型管理工作階段的最佳做法。
透過瀏覽器自訂功能和網頁內容控制選項，提升瀏覽體驗。運用 AI 技術建構更進階的擴充功能。

最佳做法

在裝置端快取模型，讓應用程式更快啟動。
瞭解串流內容，以及如何與 AI 和 LLM 搭配使用。
請參考這些前端最佳做法，顯示 Gemini 的串流回覆。
使用 Chrome 內部專用頁面，查看 Gemini Nano 提示的偵錯詳細資料。

AI 和 Gemini Nano 最新消息

Chromium Chronicle #33：View AnimationBuilder

Updated 2023年4月13日

在檢視畫面中使用圖層式動畫，有助於提升效能並減少 資源卡頓，但設定卻很困難。 AnimationBuilder 敬上 類別可大幅降低複雜度，並提高層次的可讀性 動畫。 假設您需要為下列兩個圖像之間，建立連續交叉漸變的動畫 如下圖所示 以下範例說明如何使用圖層動畫 API 直接執行這項操作。 以下說明如何使用 AnimationBuilder 建立相同效果。 離開範圍時，動畫就會開始。 您希望寫入或讀取哪個程式碼？更重要的是， AnimationBuilder

Chromium Chronicle #32：留意修補程式差距

Updated 2023年2月3日

瞭解 Chromium 開發人員如何降低惡意攻擊發生的機率。

Chromium Chronicle #28：開始使用 iOS 版 Chrome

Updated 2022年2月1日

瞭解如何使用 Chrome's iOS 應用程式背後的程式碼。

開發人員工作效率

在開發人員工具中與 Gemini 對話。從這個面板開始的對話會顯示目前查看網頁的技術詳細資料。
使用 AI 輔助面板瞭解網站的整體版面配置和特定元素樣式，並取得 AI 生成的 CSS 錯誤修正項目。
瞭解版面配置和修正飛機等，瞭解這五種方法，輕鬆為網頁套用樣式。
使用控制台查看裝置端 AI 結果並偵錯。

內建 AI 挑戰賽得主

參考內建 AI 挑戰賽的得獎作品，發想內建 AI 的靈感。
所有得獎者
動態輕量搜尋列，可讓您建立、修改及刪除日常小型工作提示。
從他人經驗中汲取靈感
調整網頁內容，以便協助閱讀障礙、注意力不足過動症和失讀症的使用者。
從他人經驗中汲取靈感
在 WordPress 區塊編輯器中新增 AI 協助功能。
從他人經驗中汲取靈感

WebGPU

WebGPU 是一種網頁圖形 API，可提供更進階的 GPU 功能，藉此支援您的 AI 工作。
深入瞭解 Chrome 中的 WebGPU 最新消息。
閱讀說明文件
探索 Chrome 的 WebGPU，並取得 GPU 一般運算的一流支援。
閱讀說明文件
瞭解如何透過 WebGPU 存取 GPU。
閱讀說明文件
瞭解如何在真正的瀏覽器環境中測試用戶端、以瀏覽器為基礎的 AI 模型。
閱讀說明文件
瞭解 WebGPU 在 Chrome 中無法正常運作或無法正常運作的原因，以及如何修正問題。
閱讀說明文件
找出 MDN 的 API 參考資料。
造訪 MDN

WebAssembly

透過 Chrome 在網頁上啟用高效能應用程式
瞭解 WebAssembly 如何改善 AI 推論常用工作的 WebAssembly。
閱讀說明文件
瞭解 TensorFlow.js Wasm 後端 WASM 後端，以及它如何使用 XNNPACK 程式庫進行類神經網路運算子的最佳化實作。
閱讀說明文件
瞭解如何在正式環境中部署 ONNX Runtime Web，以及要納入應用程式的 WebAssembly 二進位檔案。
閱讀說明文件

網頁 AI 簡介

web.dev
瞭解各種新興技術 (通常稱為 AI) 的基本概念和定義。
閱讀說明文件
web.dev
身為網路從業人員，我們必須以負責任的態度審慎地打造新技術。
閱讀說明文件
web.dev
瞭解使用用戶端 AI 的技術，享有低延遲、降低伺服器端成本、提升使用者隱私權等優勢。
閱讀說明文件