歡迎使用擴充功能!
依據個人需求自訂瀏覽器,讓 Chrome 更強大。
YouTube 擴充功能
來自擴充功能生態系統的深入分析和最新消息。
Chrome 線上應用程式商店幕後:向產品經理提問
請聽聽 Chrome 擴充功能團隊產品經理 David Li 解答你對 Chrome 線上應用程式商店的常見問題。
什麼是內容指令碼?
瞭解 Chrome 擴充功能中的內容指令碼,包括如何註冊要在特定網頁中執行的 CSS 和 JavaScript。
什麼是遠端代管程式碼?
Chrome 擴充功能團隊的 Patrick 分享 Chrome 擴充功能中遠端代管程式碼 (RHC) 的概念。瞭解不再允許 RHC 的原因、偵測方式,以及擴充功能需要更新時的處理方式。
擴充功能運作情形
在本機電腦中載入這些範例擴充功能。
Action API 示範
這個範例說明如何使用 Action API,根據使用者的選擇或動作,變更圖示、圖示徽章、懸停文字或彈出式視窗。
UserScript API 示範
使用者可以建立使用者指令碼,也可以從指令碼存放區下載使用者指令碼。這個範例可讓您插入檔案和在選項頁面中新增的任意程式碼。
Scripting API 示範
這個範例說明如何使用 Scripting API 在網頁中插入 JavaScript。
SidePanel API 示範
這個範例說明如何建立側邊面板,並在使用者按一下頁面上的按鈕或開啟內容選單時開啟。
擴充功能貼文
閱讀最新的 Chrome 擴充功能網誌文章
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
支援和意見回饋
取得開發擴充功能的協助,並協助我們改善 Chrome 擴充功能。
取得 Chrome 擴充功能相關說明
取得說明文件未涵蓋問題的解答。
回報錯誤
回報擴充功能錯誤或說明文件問題。
提出新功能建議
將您認為可改善擴充功能平台的功能提交要求。
尋找及追蹤錯誤報告
檢查是否已回報錯誤或功能要求。
遷移至 Manifest V3
查看實用資源,瞭解如何將擴充功能從 Manifest V2 升級至最新版 Chrome 擴充功能平台 Manifest V3。