
透過 Chrome 建構內容
閱讀 Web Platform API 的說明文件 (其中有些在 Chrome 是實驗性質)。例如,來源試用和開發人員試用,或是僅在 Canary 版中才找到的功能。
什麼是 Chrome 發布版本?
瞭解 Chrome 如何使用 Canary 版、開發人員版、Beta 版和穩定版,測試新功能及推出更新。
Chrome 標記是什麼?
您可以啟用其他偵錯工具,或是試用全新或實驗功能。
什麼是 Chrome 變化版本?
Chrome 變化版本或 Chrome 實測機制可讓您測試 Chrome 瀏覽器或 Chrome 作業系統 (在 Chromebook 上執行的 Chrome 作業系統) 的新功能或異動。
已出貨的 API
往返快取 notRestoredReasons API
回報網頁是否遭到封鎖,無法在瀏覽時使用往返快取。
擷取控點
如果擷取的網頁應用程式已啟用,允許擷取網頁應用程式,且有效率且準確地識別擷取的網頁應用程式。
條件式
針對特定分頁或視窗設定條件,讓你在網路上分享螢幕畫面時更加得心應手。
手寫辨識 API
允許網頁應用程式使用進階的手寫辨識服務,即時辨識手寫輸入內容中的文字。
Navigation API
新型的用戶端轉送功能,可提升建構單頁應用程式的功能。
網頁生命週期 API
Page Lifecycle API 提供生命週期鉤子,讓網頁在瀏覽器暫停或捨棄網頁時,能安全地處理,而不影響使用者體驗。
任何元素的子母畫面
在持續開啟的頂端視窗中顯示任意 HTML 內容。
保障隱私的分享螢幕畫面控制項
引導使用者停止分享過多內容。
區域擷取
以高效能且可靠的方式裁剪視訊軌。
查看 Transitions API
允許在單頁應用程式中轉換頁面。
VirtualKeyboard API
管理瀏覽器,當觸控裝置的虛擬鍵盤出現時,瀏覽器的內容會遮蔽。
來源試用
開始使用來源試用
瞭解如何測試全新或實驗性的網站平台功能。
捲動及縮放已擷取的分頁
Captured Surface Control API 可讓網頁應用程式捲動及縮放擷取的分頁。
從任何元素擷取影片串流
Element Capture API 能有效且有效地將目前分頁的擷取內容轉換為 DOM 子樹狀結構的擷取資料。
啟動 Handler API
控制應用程式的啟動方式,例如應用程式要使用現有視窗或新的視窗,以及所選視窗是否會導向啟動網址。
測量電子導覽
嘗試使用記錄 API 或 Navigation API 的 JavaScript 與同文件導覽功能,由使用者手勢觸發並修改 DOM。
運算壓力 API
讓實作項目使用正確的基礎硬體指標,確保使用者能善用所有可用的處理能力。
持續更新
查看 Chrome 最新穩定版和 Beta 版的內容。
eBay 如何透過流暢的憑證共用機制,提高登入成功率 10%
瞭解 eBay 如何運用數位資產連結,提供順暢的憑證共用功能,進而提高 10% 的登入成功率。瞭解如何實作安全的跨平台驗證機制,並提升使用者體驗。
NRK 如何運用捲動驅動動畫,讓故事更生動
瞭解如何透過捲動驅動和捲動觸發動畫,增強敘事文章
Google 搜尋如何使用推測規則
瞭解 Google 搜尋如何使用 Speculation Rules API 匿名預先擷取搜尋結果,以改善使用者體驗
Spotify 如何運用 Picture-in-Picture API 打造 Spotify 迷你播放器
瞭解 Spotify Miniplayer' 如何從 "canvas 駭客攻擊手法中變換?#34,運用 Document Picture-in-Picture API 打造精良的體驗。
捲動式動畫個案研究
探索使用 Policybazaar、redBus 和 Tokopedia 如何運用捲動式動畫的優點。
:has() 個案研究
瞭解 Policybazaar 和 Tokopedia 如何使用 :has() 獲益。
查看轉換用個案研究
redBus、Policybazaar 和 Tokopedia 都使用 View Transition API,享有更佳的效能和流暢的使用者介面。
容器查詢個案研究
瞭解 redBus 和 Tokopedia 採用容器查詢的好處。
彈出式視窗個案研究
Tokopedia 使用 Popover API 來減少應用程式中的程式碼數量。
Photoshop 如何解決超過記憶體空間大小的檔案
瞭解 Adobe 如何讓使用者在其經典 Photoshop 應用程式的網頁版上編輯大型檔案。 (這篇文章也有影片版本)。 2021 年,Adobe 與 Chrome 工程團隊合作, 將 Photoshop 帶到網路上 。這款軟體採用創新的 WebAssembly 用法,包括 SIMD 、 原始私人檔案系統 中的高效能儲存空間、用於畫布的 P3 色彩空間 ,以及採用 Lit 的 Web 元件。在本文中,我們將著重於說明 Adobe Photoshop