https://github.com/mdn/webextensions-examples
Mozilla의 애드온 팀이 유지 관리합니다.
WebExtensions는 브라우저 확장을 작성하는 방법입니다. 즉, 브라우저에서로드 된 브라우저 또는 웹 페이지의 동작을 수정하는 웹 브라우저 내부에 설치된 프로그램입니다. WebExtensions는 크로스 브라우저 API 세트에 구축되므로 Google Chrome, Opera 또는 Edge 용으로 작성된 WebExtensions는 대부분의 경우 Firefox에서도 실행됩니다.
"webextensions-Examples"저장소는 간단하고 완전하며 설치 가능한 webextensions의 모음입니다. 이 예제는 WebExtensions API를 사용하는 방법을 보여 주며 웹 텍스트의 시작점으로 사용할 수 있습니다.
모든 예제의 색인은 MDN의 "예제 확장"페이지를 참조하십시오.
이 예제는 Mozilla Public License 2.0에 따라 제공됩니다.
저장소를 사용하려면 먼저 복제하십시오.
각 예제는 최상위 폴더에 있으며 그것이 무엇을하는지 설명하는 짧은 readme을 포함합니다. 예제의 작동 방식을 보려면 설치 지침에 따라 Firefox에 설치하십시오.
Webextension의 내부 구조를 둘러 보려면 MDN의 Webextension 페이지의 해부학을 살펴보십시오.
Firefox에서 이러한 예제를 사용하려면 가장 최근의 Firefox 릴리스를 사용하십시오. 그러나 대부분의 예는 이전 릴리스에서 작동합니다.
몇 가지 예제는 발표 전 버전의 Firefox에서만 사용할 수있는 API에 의존합니다. 이 경우 예제는 Extension의 Manifest.json 파일에서 browser_specific_settings key
의 strict_min_version
속성에서 필요한 최소 버전을 선언합니다.
일부 예제는 특정 도메인이나 페이지에서만 작동합니다. 모든 제한 사항의 세부 사항은 각 예제의 readme 파일에 제공됩니다. 사례 중 어느 것도 기본적으로 개인 탐색 창에서 작동하지 않습니다. 자세한 내용은 개인 브라우징의 확장자를 참조하십시오.
예제 확장을 실행하려면 :
about:debugging
. 임시 애드온로드를 클릭하고 예제 확장 폴더 내에서 manifest.json
파일을 선택하십시오. 다음은이 작업을 수행하는 방법을 보여주는 비디오입니다.web-ext run
. 이것은 Firefox를 시작하고 확장을 자동으로 설치합니다. 이 도구는 자동 재 장전과 같은 추가 개발 기능을 제공합니다. 이 예는 Firefox에서 테스트됩니다. 브라우저가 사용 된 API를 지원하는 경우 다른 브라우저에서 작동 할 수 있습니다. 이 예제는 모두 browser
네임 스페이스를 사용하고 비동기 기능으로 작동 할 것을 약속합니다. 이는 Mozilla가 제공 한 Polyfill을 사용하지 않으면 예제가 Chrome에서 작동하지 않음을 의미합니다. 자세한 내용은 Webextension API의 개요를 참조하십시오.
WebExtensions 개발에 대한 자세한 내용은 시작 안내서, 튜토리얼 및 전체 API 참조 문서에 대한 MDN의 WebExtensions 문서를 참조하십시오.
문제가 발생하면 :
문제를 해결할 수없는 경우 버그를 제출하십시오.
우리는 새로운 예제, 새로운 기능, 버그 수정 또는 지역화 가능한 문자열의 번역 등 기부금을 환영합니다. 자세한 내용은 Contributing.md 파일을 참조하십시오.