Web API

chrome.* API를 사용하는 경우 확장 프로그램은 브라우저가 제공하는 모든 API를 사용하여 애플리케이션입니다. 브라우저에서 사용하려는 API를 지원하지 않는 경우 API 라이브러리를 확장 프로그램에 추가할 수 있습니다.

다음은 확장 프로그램에서 사용할 수 있는 API의 샘플입니다.

표준 JavaScript API
이는 문서 객체 모델 (DOM) API와 동일한 핵심 JavaScript 및 살펴봤습니다
XMLHttpRequest
XMLHttpRequest를 사용하여 하나 이상의 서버에서 데이터를 요청합니다. permissions 필드는 매니페스트는 확장 프로그램이 요청을 보낼 수 있는 호스트를 지정합니다.
HTML 및 기타 새로운 API

Chrome은 기타 새로운 API와 함께 최신 HTML 기능을 지원합니다. 다음은 몇 가지 사용할 수 있는 API는 다음과 같습니다.

  • 오디오 (튜토리얼)
  • 애플리케이션 캐시 (튜토리얼)
  • 캔버스 (도움말)
  • 전체 화면 (도움말)
  • Chrome 앱에서는 사용자에게 메시지를 표시하거나 종료 안내를 제공하지 않고 전체 화면으로 전환합니다. HTML5 전체 화면을 사용하려면 매니페스트에 app.window.fullscreen 권한이 필요합니다. 정상 웹페이지인 경우 브라우저는 ESC 키를 가로채서 포인터 잠금을 종료하여 일관된 이스케이프 처리를 보장하고 메서드를 제공합니다. Chrome 앱에서도 마찬가지로 앱이 다음을 호출할 수 있도록 app.window.fullscreen.overrideEsc 권한이 사용됩니다. keydown 및 keyup 이벤트에 대한 preventDefault.
  • 위치정보 (튜토리얼)
  • 로컬 저장소 (튜토리얼)
  • 알림 (튜토리얼)
  • 포인터 잠금 (튜토리얼)
  • Chrome 앱에서는 사용자 동작 없이도 사용자에게 메시지를 표시하거나 종료 안내를 제공합니다. 포인터 잠금을 사용하려면 매니페스트에 pointerlock 권한이 필요합니다. 또한 기본적인 이탈 동작은 없습니다. 일반 웹페이지에서는 브라우저가 ESC 키를 가로챕니다. 포인터 잠금을 종료합니다. 이 동작은 Chrome 앱에는 표시되지 않습니다.
  • 동영상 (튜토리얼)
  • 웹 데이터베이스 (튜토리얼)

html5rocks.com에서 HTML5 정보, 자습서, 양방향 플레이그라운드 및 다른 리소스를 사용할 수 있습니다

Web API

확장 프로그램에서 웹 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)를 사용하려는 경우 다음을 번들로 묶을 수 있습니다. 자바스크립트 파일을 확장해야 합니다. 번들 라이브러리는 다른 웹페이지와 관련이 있습니다.