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