DevTools 작성자로 Chrome 개발자 도구 맞춤 설정

프론트 엔드 개발자 인 경우 Google 크롬의 DevTools 패널에 대해 이미 알고 있어야합니다. JS 콘솔과 함께 원시 HTML / CSS를 편집하는 Chrome 제공 도구의 모든 버전과 번들로 제공되며 DOM을 실시간으로 조작 할 수 있습니다.

DevTools Author라는 새로운 무료 Chrome 플러그인을 사용하면 추가 구문 색 구성표, 고유 한 글꼴 및 사용자 정의 글꼴 크기로 DevTools 패널을 사용자 정의 할 수 있습니다..

설정은 매우 간단합니다. Chrome 웹 스토어에서 확장 프로그램을 설치 한 다음 브라우저에서 다음 링크를 방문하세요. chrome : // 플래그 / # enable-devtools-experiments

Chrome 플래그 패널에서 DevTools 실험을 사용하도록 설정해야합니다. 사용 설정이 완료되면 Chrome을 다시 시작하고 DevTools 설정 패널을 열고 '실험'탭을 찾습니다..

그런 다음 "사용자 정의 UI 테마 허용"을 선택하면됩니다.!

Chrome 편집기를 훨씬 쉽게 사용할 수 있도록 25 가지 이상의 구문 색 구성표 중에서 선택할 수 있습니다. 또한 글꼴 크기를 10px-22px에서 변경하거나 콘솔 글꼴을 운영 체제의 미리 설치된 글꼴로 업데이트 할 수도 있습니다.

이 플러그인은 DevTools에 핵심 기능을 추가하지는 않지만 DevTools 창의 스타일과 모양을 변경할 수 있습니다. 놀랍게도 구성하기가 쉽고 DevTools의 경험을 훨씬 더 개인화 할 수 있습니다..

설치하는 동안 문제가 발생하면이 안내 된 소개 비디오를 확인하십시오..