除了 chrome.* API,擴充功能可以使用瀏覽器為網頁和應用程式提供的所有 API。如果瀏覽器不支援您要使用的 API,您可以將其他 API 程式庫封裝至擴充功能中。
以下為擴充功能可使用的 API 範例:
- 標準 JavaScript API
- 以下是您可以在一般網頁應用程式中使用的核心 JavaScript 和 Document Object Model (DOM) API。
- XMLHttpRequest
- 使用 XMLHttpRequest 向一或多個伺服器要求資料。資訊清單的 permissions 欄位會指定擴充功能可傳送要求的主機。
- HTML 和其他新興 API
Google Chrome 支援新式 HTML 功能及其他新興 API。以下列舉幾個您可以使用的 API:
- 音訊 (教學課程)
- 應用程式快取 (教學課程)
- 畫布 (文章)
- 全螢幕 (文章)
- 在 Chrome 應用程式中,進入全螢幕模式時不會提示使用者或提供結束操作說明。HTML5 全螢幕功能需要資訊清單中的
app.window.fullscreen
權限。在一般網頁上,瀏覽器會攔截 ESC 鍵以結束指標鎖定,確保為使用者提供一致的逸出方法。此外,除非使用app.window.fullscreen.overrideEsc
權限讓應用程式呼叫 keydown 和 keyup 事件的preventDefault
,否則 Chrome 應用程式也會採取相同行為。 - 地理位置 (教學課程)
- 本機儲存空間 (教學課程)
- 通知 (教學課程)
- 指標鎖定 (教學課程)
- 在 Chrome 應用程式中,使用者無須手勢、提示使用者或提供結束操作說明即可進入指標鎖定。指標鎖定功能需要資訊清單中的
pointerlock
權限。此外,沒有預設的結束行為。在一般網頁上,瀏覽器會攔截 ESC 鍵以結束指標鎖定。Chrome 應用程式不會顯示這項行為。 - 影片 (教學影片)
- 網路資料庫 (教學課程)
如需 HTML5 資訊、教學課程、互動式遊樂場和其他資源的連結,請參閱 html5rocks.com。
- 網站 API
您的擴充功能可以使用 Web API。CSS 功能 (例如篩選器、動畫和轉換) 特別實用。以下說明如何使用 WebKit 樣式來旋轉 UI:
<style> div:hover { transform: rotate(360deg); transition: all 1s ease-out; } </style>
- V8 API (例如 JSON)
由於 JSON 是 V8,您不需要加入 JSON 程式庫即可使用 JSON 函式。
- 套裝組合程式庫中的 API
如果您想使用瀏覽器未提供的程式庫 (例如 jQuery),您可以將該程式庫的 JavaScript 檔案與擴充功能組合在一起。套裝組合程式庫在擴充功能中的運作方式,就像在其他網頁上一樣。