DevTools 팁: 더 빠른 DevTools 탐색

Sofia Emelianova
Sofia Emelianova

DevTools에서 길을 잃으셨나요? 학습 내용:

  • 자주 사용하는 패널과 탭을 드로어와 페어링합니다.
  • 패널과 옵션의 위치를 잊어버린 경우에도 명령 메뉴를 사용하여 액세스할 수 있습니다.
  • 자동 레이아웃 변경을 사용 중지합니다.
  • DevTools별 단축키를 원하는 대로 맞춤설정합니다.

동영상에서 이러한 팁의 실제 작동 방식을 확인하거나 주요 내용을 읽어 보세요.

  • Esc 키를 눌러 을 열거나 닫습니다.

    창.

  • 도구 더보기 도구 더보기를 클릭하여 다른 탭을 엽니다.

    다른 Drawer 탭을 여는 더 많은 도구 버튼

  • DevTools 패널과 Drawer 탭의 순서를 변경하고 Drawer에서 위아래로 이동하여 결합합니다.

  • 명령어 메뉴를 사용하면 명령어를 검색하고 실행하고, 설정을 전환하고, 패널과 탭을 열 수 있습니다. 위치를 잊어버린 경우에도 가능합니다.

    DevTools 명령 메뉴

  • DevTools 레이아웃을 auto에서 항상 horizontal 또는 vertical로 변경합니다.

  • DevTools 단축키를 맞춤설정합니다. 설정을 탭합니다. 설정 > 실험 > 키보드 단축키 편집기 사용 설정을 선택합니다.

    설정에서 바로가기를 수정합니다.

더 실용적인 학습 환경을 확인하려면 DevTools 맞춤설정 튜토리얼을 참고하세요.

자세한 내용은 다음을 참고하세요.