키보드의 기능 키는 이전에 익숙해지지 않았지만 실행중인 앱에 따라 여전히 유용 할 수 있습니다. Chrome DevTools에는 기능 키 뒤에 숨겨진 몇 가지 흥미로운 기능이 있습니다. 여기 그들이하는 일이 있습니다.
Chrome DevTools 란 무엇입니까?
이름에서 알 수 있듯이 Chrome DevTools는 Chrome 브라우저의 개발자 도구 세트입니다. Chrome DevTools는 종종 해당 웹 페이지의 HTML 소스 코드를 통해 웹 페이지 문제를 진단하는 데 사용됩니다.
관련 : Chrome에서 기능 키의 기능
또한 Chrome DevTools는 특정 변경 사항이 구현 될 때 특정 웹 페이지가 어떻게 보이는지 확인하는 데 사용됩니다. 개발자는 실제로 DevTools에서 직접 페이지의 HTML을 편집하여이 작업을 수행 할 수 있습니다. 실제로 모든 사이트의 모양을 변경할 수 있습니다. 물론, 이것은 당신을 제외한 다른 사람이 볼 수있는 변경 사항이 아닙니다.
Chrome DevTools에서 기능 키 사용
키보드 단축키와 마찬가지로 기능 키를 사용하면 특정 작업에 대한 출력을 높일 수 있습니다. Chrome DevTools에서 기능 키의 기능은 다음과 같습니다.
| 기능 키 | 기술 |
| F1 | 설정 메뉴를 표시합니다. 단순히 “?”를 눌러 설정 메뉴를 표시 할 수도 있습니다. |
| F2 | HTML로 편집 기능을 켜서 웹 페이지에서 선택한 요소를 편집 할 수 있습니다. |
| F3 | 없음 |
| F4 | 없음 |
| F5 | Chrome DevTools를 정상적으로 다시로드합니다. 또는 Ctrl + R을 사용하십시오.
다시로드하려면 Control + F5를 사용하십시오. 또는 Ctrl + Shift + R을 사용하십시오. |
| F6 | 없음 |
| F7 | 없음 |
| F8 | 스크립트 실행을 일시 중지 (또는 현재 일시 중지 된 경우 재개)합니다. 또는 Ctrl + 를 사용하십시오. |
| F9 | 없음 |
| F10 | 다음 함수 호출 단계. 또는 Ctrl + ‘를 사용하십시오. |
| F11 | 다음 함수 호출로 넘어갑니다. 또는 Ctrl +;를 사용하십시오.
현재 기능에서 나가려면 Shit + F11을 사용하십시오. 또는 Ctrl + Shift +;를 사용하십시오. |
| F12 | 방금 사용한 패널을 엽니 다. 또는 Ctrl + Shift + I를 사용하십시오.
현재 Chrome Devtools에 있지 않은 경우 F12 키를 사용하여 Chrome에서 열 수 있습니다! 소스 탭으로 바로 이동합니다. |
