lightbeam we

파이어폭스 라이트빔

이는 웹사이트 간의 HTTP 요청을 실시간으로 시각화하기 위한 Firefox Lightbeam 추가 기능의 웹 확장 버전입니다.

Mozilla의 Firefox Lightbeam 확장은 대중에게 개인 정보 보호에 대해 교육하는 Mozilla의 핵심 도구입니다.

빠른 시작

저장소 복제

참고 이 저장소는 하위 모듈을 사용하여 일부 타사 요청을 허용합니다. 하위 모듈이 이 저장소와 함께 복제되었는지 확인하려면 수정된 clone 명령을 사용하십시오: git clone --recursive https://github.com/mozilla/lightbeam-we.git

웹 확장 실행

이 웹 확장을 시험해 볼 수 있는 몇 가지 방법이 있습니다.

1. Firefox를 열고 URL 표시줄에 about:debugging 로드하세요.

   • 임시 추가 기능 로드 버튼을 클릭하고 이 리포지토리 디렉터리 내에서 manifest.json 파일을 선택합니다.
   • 이제 브라우저의 오른쪽 상단 표시줄에 Lightbeam 아이콘이 표시됩니다.
   • Lightbeam 아이콘을 클릭하여 웹 확장을 시작합니다.

2. web-ext 도구를 설치하고 이 저장소의 src 디렉토리로 변경한 후 web-ext run 입력하십시오.

   • 그러면 Firefox가 실행되고 확장 프로그램이 자동으로 설치됩니다.
   • 이 도구는 자동 다시 로드와 같은 몇 가지 추가 개발 기능을 제공합니다.

개발 가이드

종속성 다운로드

npm run build 실행하세요.

하위 모듈 업데이트

개발 중 언제든지 하위 모듈을 수동으로 업데이트하려면 git submodule update 실행하세요.

테스트

npm run test 실행하여 모든 것이 정상인지 확인하세요.

• eslint 전역적으로 설치했다면 다음 eslint 플러그인도 전역적으로 설치해야 합니다.
  • eslint-plugin-json
  • eslint-plugin-mocha
• 테스트 스위트에는 린트 및 단위 테스트가 포함됩니다. 다음 명령을 사용하여 Lint 또는 단위 테스트를 개별적으로 실행할 수 있습니다.
  • npm run lint:eslint
  • npm run test:karma

린팅에는 Eslint가 사용됩니다. Karma, Mocha, Chai는 단위 테스트에 사용됩니다. 또한 테스트 스위트는 지속적인 통합 지원을 제공하는 Travis 서비스에서 실행됩니다.