瀏覽 Chrome 擴充功能範例 存放區中的範例。請閱讀本文,瞭解擴充功能的運作方式,或是從建立擴充功能的起點著手。

篩選條件:

API
權限

瞭解 Spotify Miniplayer&#39 如何從 "canvas 駭客攻擊手法中變換?#34,運用 Document Picture-in-Picture API 打造精良的體驗。

    redBus、Policybazaar 和 Tokopedia 都使用 View Transition API,享有更佳的效能和流暢的使用者介面。

      瞭解 redBus 和 Tokopedia 採用容器查詢的好處。

        瞭解 Policybazaar 和 Tokopedia 如何使用 :has() 獲益。

          探索使用 Policybazaar、redBus 和 Tokopedia 如何運用捲動式動畫的優點。

            Tokopedia 使用 Popover API 來減少應用程式中的程式碼數量。

              瞭解 Adobe 如何讓使用者在其經典 Photoshop 應用程式的網頁版上編輯大型檔案。 (這篇文章也有影片版本)。 2021 年,Adobe 與 Chrome 工程團隊合作, 將 Photoshop 帶到網路上 。這款軟體採用創新的 WebAssembly 用法,包括 SIMD 、 原始私人檔案系統 中的高效能儲存空間、用於畫布的 P3 色彩空間 ,以及採用 Lit 的 Web 元件。在本文中,我們將著重於說明 Adobe Photoshop

                Local Font Access API 提供機制,可存取使用者在本機安裝的字型資料,包括名稱、樣式和系列等較高層級詳細資料,以及基礎字型檔案的原始位元組。瞭解 SVG 編輯應用程式 Boxy SVG 如何使用這個 API。 (這篇文章也有影片版本)。 Boxy SVG 是向量圖形編輯器。主要用途是編輯 SVG 檔案格式的繪圖,以便製作插圖、標誌、圖示和其他圖形設計元素。這個擴充功能是由波蘭開發人員 Jarosław Foksa 開發,最初於 2013 年 3 月 15

                  File System Access API 可提供讀取、寫入和檔案管理功能。瞭解 Construct 3 如何使用這個 API。 (這篇文章也有影片版本)。 Construct 3 是 Thomas 和 Ashley Gullen 兄弟開發的遊戲編輯器。針對目前第三版的遊戲編輯器,這兩個版本在先前為 Windows 和 NW.js 建構後,已完全 「將瀏覽器視為新的作業系統」 。您可以探索 展示區 或完成 導覽

                    LEGO Education 運用強大的網路功能,盡可能簡化將 LEGO 型號連線至電腦。

                      File Handling API 可讓網頁應用程式將自己註冊為應用程式支援的檔案格式檔案處理常式。瞭解圖片編輯應用程式 Photopea 如何使用這個 API。 (這篇文章也有影片版本)。 Photopea 是 Ivan Kutskir 開發的免費線上圖片編輯器。Ivan 自 2012 年開始開發這款應用程式,並經營 部落格 ,分享他為 Photopea 新增的主要功能。Photopea 可支援 PSD (Adobe Photoshop)、XCF (GIMP)、Sketch (Sketch

                        使用 Angular 進行測試,Chrome 開發人員工具和 Angular 團隊攜手合作,為你提供更優質的偵錯體驗。其他架構也可以導入類似的變更。