Microsoft는 새로운 Microsoft Edge용으로 오픈 소스 Chromium 프로젝트를 채택했습니다. , 이전 브라우저를 완전히 점검합니다. Edge는 이제 꽤 흥미로운 기능을 제공하는 인기 있는 Google Chrome과 동일한 엔진을 실행합니다. 이러한 뛰어난 기능으로 인해 사용자가 구매한 Microsoft Edge 브라우저의 재등장. 이 Chromium 기반 브라우저는 이전 Windows 버전 및 ARM64 장치를 지원합니다.
브라우저에는 일반 사용자부터 개발자에 이르기까지 모든 사용자를 위한 무언가가 있습니다. Edge의 개발자 도구(DevTools) 여기에서 웹페이지의 HTML을 검사 및 수정하고 코드를 보거나 디버그할 수 있습니다. F12 바로 가기는 Windows에서 Edge용 DevTools를 열지만 어떤 이유로 이 바로 가기를 비활성화할 수 있습니다. DevTools에서 F12를 비활성화하는 방법을 배우겠지만 그 전에 브라우저에서 이 섹션을 살펴보겠습니다.
Microsoft Edge의 개발자 도구에서 사용 가능한 옵션
개발자 도구 섹션은 고급 사용자를 위한 영역이며 여기에 유용한 기능이 많이 포함되어 있습니다. DevTools에서 얻을 수 있는 패널은 다음과 같습니다.
- 요소: 접근성 속성 검사, CSS 및 HTML 코드 편집, 이벤트 리스너, DOM 중단점 수정
- 실적: 웹사이트에 필요한 시스템 리소스를 확인하세요.
- 출처: JavaScript 코드로 웹 사이트의 상태를 보고, 코드를 단계별로 실행하고, 중단점을 설정합니다. 또한 여기에서 웹페이지 코드를 수정하십시오.
- 콘솔: DOM 노드 및 JavaScript 개체를 검사하고 창에 대한 JavaScript 개체를 실행하고 로그 메시지를 확인합니다.
- 메모리: 메모리 리소스를 관찰하고 코드 런타임의 스냅샷을 비교합니다.
- 네트워크: 요청을 모니터링하고 응답을 검사합니다.
- 보안: 취약점을 디버그하고 HTTPS 연결 문제를 해결하는 곳입니다.
- 등대: 웹사이트 감사를 실행하여 전반적인 성능을 개선하고, PWA를 구축하고, 버그를 포착하고, 오류를 수정하세요.
- 응용 프로그램: 서비스 워커의 캐시 및 웹 앱 매니페스트를 검사, 편집 및 디버그합니다. 또한 데이터베이스, 저장소 및 캐시를 검사하고 관리합니다.
Edge에서 개발자 도구의 F12 키 비활성화
개발자 도구로 이동하는 옵션은 Edge Canary에 나타나 그 이후로 주류였습니다. 곧 Edge Stable 버전에서 사용할 수 있습니다.
이 섹션에서는 이 바로 가기를 비활성화하는 방법을 보여 드리겠습니다.
먼저 Microsoft Edge를 실행하고 ALT + F 를 누릅니다. 키보드 단축키. 설정을 선택합니다. 메뉴에서.
시스템 을 클릭합니다. 왼쪽 패널에서 개발자 도구 영역으로 이동합니다.
여기에서 F12 키를 누를 때 DevTools 열기 옵션을 비활성화하거나 활성화합니다. .
비활성화하려면 옵션을 끄십시오.
마지막으로 Microsoft Edge 브라우저를 다시 시작합니다.
다시 시작할 때 F12 키를 누르면 더 이상 개발자 도구 화면으로 이동하지 않는 것을 알 수 있습니다.
도움이 되기를 바랍니다.