파이어폭스 개발자도구 단축키는 무엇입니까?

파이어폭스 개발자 도구 단축키 이해

웹 개발자 도구는 웹 페이지의 구조와 콘텐츠, 성능을 분석하고 디버깅하는 데 필수적인 도구입니다. 파이어폭스의 개발자 도구는 다양한 단축키를 제공하여 편리하고 효율적인 사용을 가능하게 합니다.

파이어폭스 개발자 도구 열기:

• 윈도우 또는 리눅스: Ctrl + Shift + K
• macOS: Cmd + Option + K

요소 검사:

• 요소 선택: F1
• 이전 요소 선택: Shift + Tab
• 다음 요소 선택: Tab
• 상위 요소 선택: Shift + Ctrl + 왼쪽 화살표
• 하위 요소 선택: Shift + Ctrl + 오른쪽 화살표

스타일 편집:

• 스타일 편집기 열기: Ctrl + Shift + E
• 속성 필터링: Ctrl + F
• 값 필터링: Ctrl + Shift + F
• 속성 추가: Enter
• 속성 제거: Backspace

콘솔:

• 콘솔 열기/닫기: Ctrl + `
• 명령 실행: Enter
• 명령 제거: Backspace

네트워크:

• 네트워크 패널 열기/닫기: Ctrl + Shift + Q
• 요청 필터링: Ctrl + F
• 요청 중지: Esc

디버거:

• 디버거 열기/닫기: Ctrl + Shift + S
• 정렬 추가/제거: F9
• 단계별 실행: F10
• 단계별 실행(오버): F11
• 실행 중지: Shift + F5

기타 유용한 단축키:

• 도구박스 열기: F12
• 도구박스에서 도구 선택: 숫자 키 또는 Alt + 숫자 키
• 소스 보기: Ctrl + U
• 도움말 열기: F1
• 페이지 새로 고침: F5 또는 Ctrl + R
• 페이지 새로 고침(캐시 무시): Ctrl + Shift + R

이러한 단축키를 사용하면 파이어폭스 개발자 도구를 빠르고 효율적으로 탐색하고 사용하여 웹 페이지 개발 및 디버깅 작업을 크게 향상시킬 수 있습니다.

#개발자도구 #단축키 #파이어폭스