productivityPal
1.0.0
생산성 파트너는 당신의 삶에 대한 인식을 되찾고 짧은 비디오와 끝없는 스크롤에 중독을 종료하도록 도와줍니다.
프로젝트 파일을 다운로드 한 후 브라우저 확장 설정으로 이동하여 개발자 옵션이 켜져 있는지 확인하십시오. "로드 팩"이라는 버튼이 나타나면 클릭 한 다음 프로젝트 파일을 선택하십시오.
Extensin에는 자동 비디오 탐지기가 있으며 Ti는 웹 사이트에서 비디오를 확인하고 짧은 경우 방향을 찾아 보면 웹 사이트가 차단됩니다.
블록 목록에 원하는 웹 사이트를 추가하고 "https://website.com"또는 "https://www.website.com"에 웹 사이트 URL을 작성한 다음 Add를 누르십시오. 블록 목록의 웹 사이트를 제거하려면 제거를 클릭하십시오.
설정에서 블록 미리보기를 변경할 수도 있습니다. 텍스트에 대한 3 개의 입력이 1 개가 있고 이미지의 두 번째는 이미지의 URL이어야합니다 (이미지의 URL이어야 함). 마지막은 텍스트의 색상이며, 하나를 채우고 나머지를 비울 수 있습니다.
블록 미리보기를 엉망으로 만들면 단순히 재설정을 누르면 모두 좋습니다.
Hyper Text Mark Up Languge라고도하는 것은이 프로젝트에서 팝업을 생성하고 웹 사이트가 차단 될 때 나타나는 블록 이미지를 만드는 데 사용되었습니다.
계단식 스타일 시트로도 알 수 있습니다. HTML 스타일링에 사용되었습니다 (팝업 및 블록 이미지).
JavaScript라고도하는 것은 HTML 및 CSS를 관리하기 위해 확장에 사용되었으며, 사용자가 입력 한 짧은 비디오 및 웹 사이트를 감지 할 책임이 있다고 덧붙였다.
Chrome API는 사물의 순간에 유용하지만이 프로젝트에서는 Chrome 사용 사용 (나중에 자세한 내용)
이 파일에는 모든 차단 된 웹 사이트가 포함 된 블랙리스트 UL (Unorderd List)을 사용하여 처음 시작한 내장 (첫 번째 섹션)의 모든 UI가 포함되어 있으며 동일한 섹션에는 비활성화 할 새 웹 사이트를 추가 할 수있는 양식이 있습니다. 두 번째 섹션에서는 블록 이미지의 미리보기가 표시됩니다. 3 개의 입력 형태가 있습니다. 첫 번째는 백거 모드 이미지의 텍스트 두 번째 텍스트에 대한 텍스트입니다. 텍스트 색상의 경우 세 번째는 서브 마이트 버튼으로 양식이 어떻게 보이는지 항상 볼 수 있습니다. 섹션의 끝에서는 블록 이미지를 사용하여 사용되는 재설정 버튼을 볼 수 있습니다.
이제 우리의 사용자는 UI를 볼 수 있지만 추악한 것처럼 보입니다. 팝업입니다. CSS 우리는 가능한 한 동적 인 CSS로 모든 항목을 단순히 스타일링합니다.
우리는 멋진 UI를 가지고 있지만 작동하지 않습니다. | 파일은 변수를 초기화하는 것으로 시작합니다. chrome.storage api에 필요한 데이터를 가져 오면 API에 아무것도 없으면 기본 데이터를 추가 한 후에는 기본 데이터를 추가합니다. 그 후에 우리는 팝업을로드하지 않는 한 JS가 작동하는 것을 막을 수있는 이벤트 리스너가 있습니다. 입력은 유효한 URL이며 HTTPS 및 www를 제거합니다. 그럼에도 chrome.storage api가 나중에 제거 버튼 이 클라이크 될 때 다른 이벤트 리스터가 있습니다. URL whish가 ID에 저장되어 있습니다 ( ".. 다른 forn (custinuzng img block)의 Listner는 세 가지 입력을 모두 가져옵니다. 입력이 빈 문자열 인 경우 새 데이터를 Chrome에 추가하고 모든 양호한 이벤트 리스너는 재설정 버튼에 대한 모든 데이터를 클릭하면 모든 데이터를 삭제합니다 (블록 IMG와 관련).
블록 이미지 스타일링을 담당합니다
이것은 전체 프로젝트에서 가장 중요한 파일이며 데이터를 초기화하여 시작합니다 (블랙리스트 및 블록 IMG). URL 또는 경로가 변경되는 경우 App () 앱이라는 기능을 실행하면 웹 사이트가 블랙리스트에 있는지 확인하면 웹 사이트가 웹 사이트를 차단할 경우 웹 사이트가 블록을 차단할 경우 웹 사이트가 더 많은 시간을 보내지 않으면 웹 사이트가 더 많은 시간을 보지 못하면이 웹 사이트 에서이 웹 사이트에서 더 많은 시간을 보낼 수 있습니다. 우리가 비디오가 2m (120)보다 짧은 지 확인하고 우리가 blocksite ()에 전화를 걸고 반품없이 다시 나오면 반환하면이 웹 사이트가 Tiktok 또는 YouTube 반바지가 Blocksite ()라고 부르는 경우이 웹 사이트가 안전하지 않은 경우 반환합니다.
