網站 API

除了 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 檔案與擴充功能組合在一起。套裝組合程式庫在擴充功能中的運作方式，就像在其他網頁上一樣。