Chrome의 Overrides Dev Tool을 사용하여 웹 페이지를 영구적으로 변경
- 범주: 구글 크롬
로컬 재정의는 사용자 스크립트 나 사용자 스타일을 사용하는 것과 유사한 방식으로 웹 페이지를 영구적으로 변경하는 데 사용할 수있는 Google 크롬 웹 브라우저의 개발자 도구의 비교적 새로운 실험적 기능입니다.
대부분의 사용자는 정기적으로 방문하는 웹 페이지의 스타일이나 기타 콘텐츠를 수정하고 싶지 않을 수 있습니다. 일부 사용자는 성가심을 제거하거나 사용성을 개선하거나 기타 수정을하기를 원합니다.
좋은 예는 사용자의 눈에 너무 밝은 사이트입니다. 재정의를 사용하면 웹 사이트의 스타일을 어둡게 변경하여 더보기 좋게 만들 수 있습니다. 또한 글꼴 크기를 늘리거나 줄이고, 글꼴을 변경하고, 배경 이미지를 제거하거나, 페이지의 다른 요소를 조작하는 데 사용할 수도 있습니다.
Google 크롬에서 로컬 재정의 설정
로컬 재정의는 지원되는 모든 버전의 브라우저에서 사용할 수있는 Chrome의 실험적 기능입니다.
활성화하려면 다음을 수행해야합니다.
- F12를 눌러 개발자 도구 인터페이스를 불러옵니다.
- 인터페이스에서 F1을 탭하여 기본 설정을 엽니 다.
- 환경 설정에서 '로컬 재정의 활성화'를 찾아 옵션을 선택하십시오.
- 영구적으로 변경할 웹 페이지를 방문하십시오.
- 개발자 도구에서 소스 패널로 전환합니다.
- 오른쪽을 가리키는 두 개의 화살표가있는 아이콘을 클릭하고 메뉴에서 재정의를 선택합니다.
- '설정 재정의'를 선택하고 재정의를 저장할 로컬 폴더를 선택합니다.
- 폴더에 액세스하기위한 Chrome의 요청을 수락합니다.
Chrome에서 로컬 재정의 사용
리소스에 대한 재정의를 사용하는 것은 매우 간단합니다. 시작하려면 브라우저에서 네트워크 패널을 엽니 다. 로드 된 파일이 보이지 않으면 페이지를 다시로드하여 목록을 채우십시오.
재정의하려는 리소스 파일을 마우스 오른쪽 단추로 클릭하고 '재정의로 저장'옵션을 선택합니다. Chrome은 데이터를 로컬 시스템에 저장하고 웹 페이지를로드 할 때 원래 리소스 대신 사용합니다.
소스> 재정의에서 파일을 편집 할 수 있습니다. 이것은 스타일에 적합하지만 HTML 페이지 및 JavaScript 파일을 포함한 거의 모든 소스 파일을 재정의 할 수 있습니다.
재정의는 자동으로 저장되며 Chrome 개발자 도구의 재정의 목록에서 삭제하거나 환경 설정을 대신 사용할 수 있습니다.
개발자 도구 환경 설정의 재정의 섹션에는 재정의가있는 모든 사이트가 나열됩니다. 항목 위로 마우스를 가져 가면 항목을 삭제하여 모든 재정의를 제거하거나 편집을 클릭하여 도메인 이름을 변경할 수 있습니다.
이 기능을 사용하여 웹 페이지의 성능을 향상시키는 방법을 강조하는 다음 지침 비디오를 확인하십시오.
마무리 단어
Local Overrides는 실험적인 기능으로 Google에서 나중에 가져 오거나 브라우저에 완전히 통합 할 수 있습니다. 현재로서는 정기적으로 방문하는 웹 페이지의 스타일이나 코드를 변경하는 훌륭한 옵션이며이를 위해 사용자 스타일이나 스크립트를 사용하는 대신 사용할 수 있습니다.
기본 제공 옵션의 가장 큰 장점은 외부 파일을 수동으로 저장하고 변경할 때마다 페이지를 다시로드하지 않고도 Chrome의 개발자 도구를 사용하여 실시간으로 변경 사항을 확인할 수 있다는 것입니다.
이제 당신 : 사용자 스크립트 나 스타일을 사용하십니까?