이 페이지는 2020년에 지원 중단된 Chrome 앱 플랫폼에 관한 문서의 일부입니다. 적어도 2025년 1월까지는 ChromeOS Enterprise 및 Education 고객에게 계속 지원됩니다.
앱 이전 에 관해 자세히 알아보세요.
Web API
컬렉션을 사용해 정리하기
내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요.
중요: Chrome은 모든 플랫폼에서 Chrome 앱에 대한 지원을 중단할 예정입니다. Chrome 브라우저 및
Chrome 웹 스토어는 계속해서 확장 프로그램을 지원합니다. 공지를 읽고 알아보세요.
앱 이전 에 관해 자세히 알아보세요.
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)를 사용하려는 경우 다음을 번들로 묶을 수 있습니다.
자바스크립트 파일을 확장해야 합니다. 번들 라이브러리는
다른 웹페이지와 관련이 있습니다.
달리 명시되지 않는 한 이 페이지의 콘텐츠에는 Creative Commons Attribution 4.0 라이선스 에 따라 라이선스가 부여되며, 코드 샘플에는 Apache 2.0 라이선스 에 따라 라이선스가 부여됩니다. 자세한 내용은 Google Developers 사이트 정책 을 참조하세요. 자바는 Oracle 및/또는 Oracle 계열사의 등록 상표입니다.
최종 업데이트: 2012-09-17(UTC)
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"필요한 정보가 없음"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"너무 복잡함/단계 수가 너무 많음"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"오래됨"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"번역 문제"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"샘플/코드 문제"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"기타"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"이해하기 쉬움"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"문제가 해결됨"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"기타"
}]
{"lastModified": "\ucd5c\uc885 \uc5c5\ub370\uc774\ud2b8: 2012-09-17(UTC)"}
[[["이해하기 쉬움","easyToUnderstand","thumb-up"],["문제가 해결됨","solvedMyProblem","thumb-up"],["기타","otherUp","thumb-up"]],[["필요한 정보가 없음","missingTheInformationINeed","thumb-down"],["너무 복잡함/단계 수가 너무 많음","tooComplicatedTooManySteps","thumb-down"],["오래됨","outOfDate","thumb-down"],["번역 문제","translationIssue","thumb-down"],["샘플/코드 문제","samplesCodeIssue","thumb-down"],["기타","otherDown","thumb-down"]],["최종 업데이트: 2012-09-17(UTC)"],[],[]]