為網站和網頁應用程式尋找及建構 AI 解決方案。
探索瀏覽器內建的任務型 API,這些 API 可使用本機模型執行 AI 任務。
建立 WebMCP 工具,讓網站支援 AI 代理執行的可靠動作。
使用 Wasm、WebGPU 和 WebNN 提升運算和模型效能。
課程

評估 (或評估) 是指 AI 功能的測試。建立健全的評估管道後,以 LLM 為基礎的功能就能為使用者提供優質服務。接著就能安心發布功能。

在本課程中,您將瞭解如何運用 LLM 做為評估者模式來評估主觀品質、以最少的設定建立評估者,以及探索進階技術,開發出能像頂尖領域專家一樣思考的自訂評估者。您會在建構時間和正式發布時執行評估,以便及早發現回歸。

在本機瀏覽器中執行推論

在網路上建構由 AI 驅動的功能,包括內建於瀏覽器的基礎模型和專家模型
瞭解開始使用內建 AI 建構功能和應用程式時,必須具備哪些條件。
查看可搭配 Chrome 內建 AI 使用的 API 及其可用狀態。
使用內建的 AI 工作 API Polyfill 建構 AI 功能,不必擔心瀏覽器支援問題。
瞭解如何運用 Chrome 內建 AI 建構應用程式的最佳做法。
瞭解如何在瀏覽器中快取模型,加快推論速度。
使用任何 API 前,必須先下載基礎模型。請務必提醒使用者下載這些檔案所需的時間。

透過 WebMCP 穩定呼叫代理程式

WebMCP 的目標是提供標準方式來公開結構化工具,讓 AI 代理能以更高的速度、穩定性和準確度在網站上執行動作。
步驟 1

您的網站會將代理可執行的動作宣告為 WebMCP 工具。每個工具都有名稱、說明和 JSON 結構定義。

// Imperative API
document.modelContext.registerTool({
  name: "bookSlot",
  title: "Book a consultation slot",
  description: "Reserve a 30-minute consultation.",
  inputSchema: {
    type: "object",
    properties: {
      date:  { type: "string", format: "date" },
      time:  { type: "string" },
      name:  { type: "string" },
      email: { type: "string", format: "email" }
    },
    required: ["date", "time", "name", "email"]
  },
  annotations: { readOnlyHint: false },
  execute: async (input, client) => {
    return await api.book(input);
  }
});
步驟 2

瀏覽器會收集這些工具,並連同網頁的網址、標題和來源權限範圍,一併提供給使用者的 WebMCP 感知代理。

網站會與瀏覽器通訊,瀏覽器則會為代理程式翻譯。
步驟 3

代理程式會看到合約、提供結構化引數,其餘工作則由您的程式碼完成。使用者會持續收到權限和確認通知。確實掌握門前動靜

// the agent's view
{
  "tool": "bookSlot",
  "arguments": {
    "date": "2026-07-31",
    "time": "14:00",
    "name": "Jerry Jones",
    "email": "jerry.jones@example.com"
  }
}

提升運算和模型效能

瞭解 WebAssembly 的改良功能,適用於 AI 推論常用的工作。

在 Chrome 中探索 WebGPU,並取得 GPU 一般運算的頂尖支援。

使用 WebNN API 在瀏覽器中執行機器學習作業。

課程

無論是公司強制要求還是出於熱情,為了使用 AI 而使用 AI 並無益處。最實用的功能源自使用者需求,並以提供的價值做為衡量標準。

本課程將說明如何建構負責任、實用且有價值的 AI 系統,進而打造符合技術承諾的網頁應用程式。

程式開發輔助

下載 AI 程式設計代理的技能,引導代理生成現代化且效能良好的體驗。
在開發人員工具中與 Gemini 對話。從這個面板開始的對話會顯示目前查看網頁的技術詳細資料。
使用控制台查看裝置端 AI 結果並偵錯。

認識我們的團隊

Chrome 網頁開發人員關係團隊和內建 AI PM 團隊,將在現場與您討論網頁和 AI,從內建功能到 WebMCP 無所不包。我們在亞洲、歐洲和美洲都有團隊成員

AI 和 Gemini Nano 最新消息

網頁 AI 簡介

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