chrome extension 예제

관계는 매우 간단합니다: 확장 “등록” 특정 상황에 대 한 크롬에 콜백을 이렇게 특정 인터페이스를 설명 주어진. 이러한 인터페이스에 따라 탭은 콘텐츠를 표시하거나 콘텐츠를 변경하거나 사용자에 대한 동작을 수정합니다. 이제 확장기능뿐만 아니라 UI에 대한 파일도 필요합니다. 이렇게 하려면 popup.html이라는 파일을 만드십시오. 팝업은 확장 아이콘을 클릭하면 표시되는 작은 창입니다. 예를 들어, 여기에 쿠키 관리자 파이어 폭스 확장에 대 한 팝업. `일치`는 Chrome 확장 프로그램을 변경하려는 URL을 나타냅니다. 이 예제에서는 URL https://google.com/ 대해 작업하기를 원합니다. 이 확장 프로그램은 기본 메일 클라이언트 또는 Gmail을 사용하여 페이지 링크를 이메일로 보낼 수 있는 도구 모음에 이메일 단추를 추가합니다. 그런 다음 확장에 대한 새 디렉토리에 manifest.json 파일을 만들어야 합니다. 이 파일은 확장 이 기능에 대한 중요한 정보(예: 사용 권한 및 프로젝트를 연결하는 스크립트 파일)를 제공합니다. 이 매니페스트의 내용은 다음과 같습니다: 이 단계에서 확장이 다시 로드되면 회색 배율 아이콘이 포함되지만 기능 차이는 포함되지 않습니다. page_action은 매니페스트에 선언되므로 사용자가 popup.html과 상호 작용할 수 있는 시기를 브라우저에 알리는 것은 확장에 달려 있습니다.

확장에는 확장 관리 페이지, 사용 권한 경고 및 favicon에도 이미지가 표시됩니다. 이러한 이미지는 아이콘 아래의 매니페스트에 지정됩니다. 확장에 대한 매니페스트입니다. 여기에는 이름, 버전, 설명, 아이콘, 스크립트, 작업 유형과 같은 기본 정보가 포함되어 있습니다. 우리의 예 : 축하합니다! 디렉토리는 이제 완전한 기능을 보유하고, 이기는 하지만 단순한, 크롬 확장. 확장이 설치되었지만 아무런 명령이 없습니다. background.js라는 제목의 파일을 만들거나 여기에서 다운로드하여 확장 디렉터리 안에 배치하여 배경 스크립트를 소개합니다. 이렇게 하면 Chrome에서 특수 URL 패턴을 사용하여 방문하는 모든 페이지에 content.js를 삽입하도록 지시합니다.

일부 페이지에만 스크립트를 삽입하려면 일치 패턴을 사용할 수 있습니다. 다음은 “일치”에 대한 값의 몇 가지 예입니다: 대부분의 chrome.* API를 사용하려면 확장 또는 앱이 매니페스트의 “사용 권한” 필드에 의도를 선언해야 합니다. 페이지 작업 및 찾아보기 작업 모두 chrome.extension.getBackgroundPage() 명령을 통해 백그라운드 페이지에 액세스할 수 있습니다(창 개체 반환) 먼저 브라우저에서 chrome://extensions 이동하거나 “추가 도구” 및 “확장”을 클릭합니다. 크롬 메뉴.

カテゴリー未分類