크롬 확장프로그램 예제

디버깅 자습서에서 확장 디버깅에 사용할 수 있는 옵션에 대해 알아봅니다. 로컬 및 동기화 저장 영역과 달리 관리되는 저장소 영역은 해당 구조를 JSON 스키마로 선언해야 하며 Chrome에서 엄격하게 검증합니다. 이 스키마는 “저장소” 매니페스트 키의 “managed_schema” 속성으로 표시된 파일에 저장되어야 하며 확장에서 지원하는 엔터프라이즈 정책을 선언합니다. 이 항목은 Chrome에 확장 옵션 페이지에 사용할 HTML 파일을 알려줍니다. 탭은 현재 Google 크롬의 창에 로드 된 웹 페이지 (명백한 오른쪽?), 확장은 그 탭중 하나 이상의 비즈니스 레이어를 제공 하는 응용 프로그램. 즉, 수정/확장/업그레이드할 탭과 방법을 설정해야 합니다. 그래서 그것은 간단히 말해서 매우 간단한 크롬 확장. 다른 많은 기능을 살펴보십시오 – 공구 벨트를위한 훌륭한 독특한 도구입니다! 페이지 재정의는 Google Chrome에서 일반적으로 제공하는 페이지로 확장의 HTML 파일을 대체하는 방법입니다. HTML 외에도 재정의 페이지에는 일반적으로 CSS 및 JavaScript 코드가 있습니다. 확장 프로그램, 앱 또는 테마에 필요한 Chrome 버전(있는 경우)입니다. 이 문자열의 형식은 버전 필드와 동일합니다.

이제 Chrome 확장 프로그램을 만들 수 있는 대부분의 아키텍처 및 구성 요소를 알고 있으므로 다음으로 이해해야 할 가장 중요한 것은 메시징 전달입니다. 페이지 왼쪽 상단에 작은 색의 사각형을 출력하는 Chrome 확장 프로그램을 만들어 어떤 유형의 도메인(예: .dev, .stage)에 있는지 알릴 수 있습니다. 이러한 도메인및 색상은 옵션 페이지에서 관리됩니다. 프론트 엔드 엔지니어라면 크롬 확장 프로그램을 개발하는 것은 정말 재미 있습니다. 당신이 경우, 그러나, 응용 프로그램의 아키텍처를 시각화하는 데 어려움을 겪고, 다음 크롬 확장을 개발하는 것은 확장이 작동하는 과도한 구성 요소의 양으로 인해 엉덩이를 여러 번 물린 것입니다. 다음은 시작하는 방법, 발생하는 문제 및 이를 방지하는 방법에 대한 몇 가지 포인터입니다. Chrome 내선 프로그램은 오픈 웹에서 사용할 수 있는 것 이상으로 강력한 API에 액세스할 수 있습니다. chrome.* API 설명서는 각 API를 안내합니다. 설정 재정의는 확장 프로그램이 선택한 Chrome 설정을 재정의하는 방법입니다. API는 Windows에서만 사용할 수 있습니다. `일치`는 Chrome 확장 프로그램을 변경하려는 URL을 나타냅니다. 이 예제에서는 URL https://google.com/ 대해 작업하기를 원합니다.

This entry was posted in Uncategorized. Bookmark the permalink.