기술나눔

【도구】Chrome 확장 개발

2024-07-12

한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina

크롬 확장 프로그램 개발


여기에 이미지 설명을 삽입하세요.

1. 시작하기 튜토리얼


소개 사례의 경우 [ Google 플러그인 공식 웹사이트 공식 문서 】일반적인 단계를 주로 설명하는 공식 입문 튜토리얼을 확인하세요.

  1. Chrome Extenson에는 고정된 스캐폴딩이 없으므로 개발자 고유의 요구에 따라 프로젝트를 빌드하고(예: Vue, React 및 기타 프레임워크를 통해) 빌드가 완료된 후 생성하거나 도입해야 합니다.manifest.json그냥 파일
  2. Chrome 확장 프로젝트의 모든 구성은 다음과 같습니다.manifest.json에서 준비
  3. 크롬 확장 프로그램 manifest.json문서의 구성 항목에 접근할 수 있습니다【매니페스트 문서
  4. Chrome 확장 프로그램은 개발자가 확장 프로그램 개발을 배울 수 있도록 간단한 탭 관리 확장 프로그램 예제도 제공합니다.여기에 이미지 설명을 삽입하세요.

2. 고급


입문 튜토리얼을 통해 Chrome Extension의 모든 작업이 다음을 통해 수행된다는 것을 알 수 있습니다.chrome객체가 제공하는 API 메소드이므로 고급 확장 개발을 배우고 싶다면 모든 것을 이해하고 숙지해야 합니다.API,【공식 API 주소

  1. Chrome 확장 프로그램의 문서 버전은 다음과 같이 나뉩니다.Manifest V2그리고Manifest V3, 최근 개발된 확장 기능은 기본적으로 V3 버전을 사용하며 V2의 많은 API는 곧 제거될 예정입니다.
  2. 왼쪽 메뉴를 클릭하여 문서 버전을 전환할 수 있습니다.Manifest V2그리고Manifest V3전환할 제목
    여기에 이미지 설명을 삽입하세요.

3. 확장 기능 배포


Chrome은 고정된 간격으로 브라우저 확장 프로그램을 자동으로 업데이트합니다. Chrome 확장 프로그램에는 확장 프로그램을 배포하는 두 가지 방법이 있습니다.

  1. Chrome 스토어(App Store): Google 개발자 센터에 코드 압축 패키지를 업로드하여 확장 프로그램을 출시하세요. 자세한 단계는 [Chrome 스토어 게시 확장 프로그램
  2. 셀프 호스팅: 이름에서 알 수 있듯이 패키지된 확장 파일을 직접 호스팅하고 확장 업데이트 주소를 정의하고 확장 릴리스를 구현하는 것이 개인적으로 가장 안전하고 효과적인 방법이라고 생각합니다.자체 호스팅 출판

Chrome 확장 프로그램 개발은 비교적 간단합니다. 해당 개발 프로세스만 따르면 되므로 이 기사에서는 코드를 작성하지 않습니다.


------마치다------