acid tabs extension

산성 탭

스토어 링크 - https://chrome.google.com/webstore/detail/acid-tabs/hgceopemmcmigbmhphbcgkeffommpjfc

기능 요청

Acid Tabs 크롬 확장 프로그램에 대한 기능 요청이 있는 경우 기능 및 사용 사례를 설명하는 문제를 제출하세요. 문제에 대해 먼저 논의하고 싶기 때문에 UX에 큰 영향을 미칠 변경 사항에 대해 풀 요청을 시작하는 것을 고려하기 전에 먼저 이 작업을 수행하십시오.

일반조직

팝업 - https://github.com/jdhayford/acid-extension/tree/master/src/pages/Popup

사용자가 규칙을 생성하고 수정할 수 있도록 하는 React 인터페이스 로직이 포함되어 있습니다. 이러한 규칙은 Chrome의 동기화 저장소에 유지됩니다.

배경 - https://github.com/jdhayford/acid-extension/tree/master/src/pages/Background

태그 그룹화/그룹 해제, 그룹 순서, 색상, 이름 업데이트 등 실제 탭 그룹을 조정하는 일을 담당합니다.

로컬 개발

확장 프로그램을 로컬로 실행하고 사용하려면 다음 안내를 따르세요.

참고: Node 버전 10을 사용하세요.

 npm install
npm start

그러면 webpackdev 서버가 시작되고 적절한 소스 파일이 포함된 로컬 build/ 폴더가 생성됩니다. 그런 다음 Chrome의 "확장 프로그램 관리" 페이지에서 이 폴더를 선택하고 개발자 설정을 활성화한 다음 "압축 해제된 확장 프로그램 로드"를 활성화할 수 있습니다.

크레딧

내가 가장 좋아하는 크롬 확장 상용구 중 하나를 만든 @lxieyang에게 감사 인사를 전하세요 https://github.com/lxieyang/chrome-extension-boilerplate-react