Microsoft Edge에서 개발자 도구에 대한 F12 키보드 단축키 비활성화

Microsoft Edge에서 개발자 도구에 대한 F12 키보드 단축키를 비활성화하는 방법

Microsoft Edge를 사용하면 F12 키를 누르거나 Ctrl + Shift + i 바로 가기 키를 눌러 개발자 도구(DevTools)를 열 수 있습니다. JavaScript, HTML, 다양한 웹 응용 프로그램 및 페이지를 검사하고 디버그할 수 있는 도구 집합입니다.

Microsoft Edge는 이제 소리내어 읽기 및 Google 대신 Microsoft에 연결된 서비스와 같은 다양한 독점 기능을 갖춘 Chromium 기반 브라우저입니다. 브라우저는 ARM64 장치를 지원하는 몇 가지 업데이트를 이미 받았습니다. 또한 Microsoft Edge는 Windows 7을 포함하여 여러 노후된 Windows 버전을 계속 지원하고 있습니다. Microsoft Edge Chromium에서 지원하는 Windows 버전을 확인하세요. 마지막으로 관심 있는 사용자는 배포 및 사용자 지정을 위해 MSI 설치 프로그램을 다운로드할 수 있습니다.

Microsoft Edge에는 개발자와 고급 사용자에게 유용한 여러 도구가 포함되어 있습니다. 예를 들어, 이러한 도구를 사용하여 다른 장치 또는 소프트웨어 플랫폼을 에뮬레이트할 수 있습니다. 사실, 당신은 공식 다운로드 옵션 중 하나를 사용할 수 있습니다 Windows 10 ISO 이미지 직접.

Edge 개발자 도구에서 사용할 수 있는 항목

DevTools를 사용하면 브라우저에서 다음을 모두 수행할 수 있습니다.

HTML 웹사이트 검사 및 변경
CSS를 편집하고 웹사이트가 어떻게 렌더링되는지 즉시 미리보기
모두 보기 console.log() 프런트 엔드 JavaScript 코드의 문
중단점을 설정하고 한 줄씩 단계별로 스크립트를 디버그하십시오.

DevTools를 열려면 F12, 또는 Ctrl 키+옮기다+NS Windows/리눅스(명령+옵션+NS macOS에서). 공식 DevTools 문서를 찾을 수 있습니다. 여기.

사용 가능한 패널

Microsoft Edge(Chromium) DevTools에는 다음 패널이 포함됩니다.

NS 집단 HTML 및 CSS를 편집하고, 액세스 가능성 속성을 검사하고, 이벤트 리스너를 보고, DOM 변형 중단점을 설정하는 패널
NS 콘솔 로그 메시지 보기 및 필터링, JavaScript 개체 및 DOM 노드 검사, 선택한 창 또는 프레임의 컨텍스트에서 JavaScript 실행
NS 출처 패널을 열어 코드를 실시간으로 편집하고, 중단점을 설정하고, 코드를 단계별로 실행하고, 한 번에 JavaScript 한 줄씩 웹사이트 상태를 확인합니다.
NS 회로망 네트워크 및 브라우저 캐시의 요청 및 응답을 모니터링하고 검사하는 패널
NS 성능 사이트에 필요한 시간 및 시스템 리소스를 프로파일링하는 패널
NS 메모리 메모리 리소스 사용을 측정하고 코드 런타임의 다양한 상태에서 힙 스냅샷을 비교하는 패널
NS 애플리케이션 웹 앱 매니페스트, 서비스 작업자 및 서비스 작업자 캐시를 검사, 수정 및 디버그하는 패널입니다. 또한 다음에서 저장소, 데이터베이스 및 캐시를 검사하고 관리할 수 있습니다. 애플리케이션 패널.
NS 보안 패널을 사용하여 보안 문제를 디버그하고 웹사이트에서 HTTPS를 올바르게 구현했는지 확인하십시오. HTTPS는 사이트와 사이트에서 개인 정보를 제공하는 사용자 모두에게 중요한 보안 및 데이터 무결성을 제공합니다.
NS 감사 패널(이제 이름이 등대) 웹사이트 감사를 실행합니다. 감사 결과는 다음과 같은 방식으로 사이트 품질을 개선하는 데 도움이 됩니다.
- 웹사이트의 접근성, 보안, 성능 등을 만드는 것과 관련된 일반적인 오류를 파악하십시오.
- 각 오류를 수정합니다.
- PWA를 구축합니다.