Microsoft 는 새로운 ^(Microsoft)Microsoft Edge 용 오픈 소스 Chromium 프로젝트를 채택하여 기존 브라우저를 완전히 재정비했습니다. Edge는 이제 꽤 흥미로운 기능을 제공 하는 인기 있는 Google Chrome 과 동일한 엔진을 실행합니다 . 이러한 뛰어난 기능으로 인해 사용자가 구매 한 Microsoft Edge 브라우저 의 재등장 . 이 Chromium 기반 브라우저는 이전 Windows 버전 및 ARM64 장치를 지원합니다.

브라우저에는 일반 사용자부터 개발자에 이르기까지 모든 사용자를 위한 무언가가 있습니다. Edge의 개발자 도구(DevTools) 는 웹 페이지의 ^{(Edge’s Developer Tools (DevTools))}HTML , 보기 또는 디버그 코드 등  을 검사하고 수정할 수 있는 곳입니다 . F12 단축키 는 Windows 에서 ^(Windows)Edge 용 ^(Edge)DevTools 를 열지 만 어떤 이유로 이 단축키를 비활성화할 수 있습니다. DevTools 에 대해 ^(DevTools)F12 를 비활성화하는 방법을 배우 겠지만 그 전에 브라우저에서 이 섹션을 살펴보겠습니다.

Microsoft Edge의 개발자 도구 에서 사용 가능한 옵션^{(Developer Tools)}

개발자 도구^{(Developer Tools)} 섹션 은 고급 사용자를 위한 영역이며 여기에 유용한 기능이 많이 포함되어 있습니다. DevTools에서 얻을 수 있는 패널은 다음과 같습니다.

• 요소:^(Elements:) 접근성 속성 검사 , ^(Inspect)CSS 및 HTML 코드 편집, 이벤트 리스너, DOM 중단점 수정.
• 성능:^{(Performance:)} 웹사이트에 필요한 시스템 리소스를 봅니다 .^(View)
• 소스: ^(Sources:) JavaScript^(View) 코드 로 웹사이트의 상태를 보고 , 코드를 단계별로 실행하고, 중단점을 설정합니다 . ^(JavaScript)또한 여기에서 웹페이지 코드를 수정하십시오.
• 콘솔: ^(Console:)DOM 노드 및 JavaScript 개체를 검사 하고 창에 대한 JavaScript 개체를 실행 하고 로그 메시지를 확인합니다.
• 메모리:^(Memory:) 메모리 리소스를 관찰 하고 코드 런타임의 스냅샷을 비교합니다.^(Observe)
• 네트워크: 요청을 ^(Network:) 모니터링^(Monitor) 하고 응답을 검사합니다.
• 보안:^(Security:) 취약점을 디버그하고 HTTPS 연결 문제를 해결하는 곳입니다.
• Lighthouse: 웹사이트 감사를 ^{(Lighthouse:)} 실행^(Run) 하여 전반적인 성능을 개선하고, PWA 를 구축하고 , 버그를 포착하고, 오류를 수정합니다.
• 애플리케이션: 서비스 워커의 캐시 및 웹 앱 매니페스트를 ^{(Application:)} 검사^(Inspect) , 편집 및 디버그합니다. 또한 데이터베이스, 스토리지, 캐시를 검사하고 관리합니다.

Edge 의 ^(Edge)개발자 도구^{(Developer Tools)} 에 대해 F12 키 비활성화

개발자 도구^{(Developer Tools)} 로 이동하는 옵션 은 Edge Canary 에 나타나 그 이후로 주류였습니다. 곧 Edge Stable 버전에서 사용할 수 있습니다.

이 섹션에서는 이 바로 가기를 비활성화하는 방법을 보여 드리겠습니다.

먼저 Microsoft Edge 를 실행하고 ^{(Microsoft Edge)}ALT + F  키보드 단축키 를 누릅니다 . 메뉴에서 설정^(Settings) 을 선택  합니다.

여기 에서 F12 키를 눌렀을 때 DevTools 열기^{(Open the DevTools when the F12 key is pressed)} 옵션을 비활성화하거나 활성화합니다  .

비활성화^(Toggle) 하려면 옵션을 끕니다.

마지막으로 Microsoft Edge 브라우저를 다시 시작합니다.

다시 시작할 때 F12 키^(F12) 를 누르면 더 이상 개발자 도구^{(Developer Tools)} 화면으로 이동하지 않습니다.

도움이 되었기를 바랍니다.

Disable F12 keyboard shortcut for Microsoft Edge Developer Tools

Mіcrоsoft adopted the open-source Сhromium projeсt for the new Microsoft Edge, completely overhauling the old browser. Edge now runs the same engine as the popular Google Chrome, which comes with pretty exciting features. The reemergence of the Microsoft Edge browser bought over users because of these outstanding features. This Chromium-based browser supports older Windows editions and ARM64 devices.

The browser has something in store for every user – from casual users to developers. Edge’s Developer Tools (DevTools) is where you can inspect and modify a webpage’s HTML, view or debug code, etc. The F12 shortcut opens DevTools for Edge in Windows, but you may wish to disable this shortcut for some reason. We’ll learn how to disable F12 for DevTools, but before that, let’s explore this section on the browser.

Options available in Microsoft Edge’s Developer Tools

The Developer Tools section is the go-to area for power users, and here’s why – it contains loads of useful functions. Here are the panels you get in DevTools:

• Elements: Inspect accessibility properties, edit CSS and HTML code, event listeners, modify DOM breakpoints.
• Performance: View the system resources your website needs.
• Sources: View the website’s state by JavaScript code, step through code, set breakpoints. Also, modify webpage codes here.
• Console: Inspect DOM nodes and JavaScript objects, run JavaScript objects for the window, and see log messages.
• Memory: Observe memory resources and compare snapshots from code runtime.
• Network: Monitor requests and inspect the responses.
• Security: Where you debug vulnerabilities and troubleshoot HTTPS connections.
• Lighthouse: Run website audits to improve overall performance, build a PWA, catch bugs, and fix errors.
• Application: Inspect, edit, and debug service workers its caches, and web app manifests. Also, inspect databases, storage, and caches and manage them.

Disable F12 key for Developer Tools in Edge

The option to go to Developer Tools showed up in Edge Canary and has been a mainstay ever since. It will soon be available for the Edge Stable versions.

In this section, I’ll show you how to disable this shortcut.

First, launch Microsoft Edge and press the ALT + F keyboard shortcut. Choose Settings from the menu.

This is where you disable or enable the option to Open the DevTools when the F12 key is pressed.

Toggle off the option to disable it.

Finally, restart the Microsoft Edge browser.

On restarting, press F12, and you’ll notice that it no longer takes you to the Developer Tools screen.

Hope this helps.

Related posts

• Edge Developer Tools에서 User Agent and Geolocation를 변경하는 방법

• Registry or Group Policy을 사용하여 Edge에서 Developer Tools 사용 중지

• Developer Tools을 사용하여 Chrome or Edge의 특정 사이트에 대한 Site Data 명확한 Site Data

• Identify Chrome의 글꼴, Developer Tools를 사용한 Edge and Firefox

• Microsoft Edge toolbar에서 Extensions 메뉴 버튼을 제거하는 방법

• Registry를 사용하여 Microsoft Edge에서 Microsoft Edge에서 모든 User Profiles에 대한 동기화를 비활성화합니다

• Microsoft Edge에서 Video Autoplay을 비활성화하거나 중지하는 방법

• Microsoft Edge 내장 administrator account을 사용하여 열 수 없습니다

• Microsoft Edge browser에서 Duplicate Favorites을 제거하는 방법

• Microsoft Edge에서 Super Duper Secure Mode를 사용하는 방법

• Microsoft Edge에서 즐겨 찾기의 변경 사항을 방지하는 방법 Windows 10

• Microsoft Edge Windows 10에서 웹 사이트를 차단하는 방법

• Fix Microsoft Edge Installation & Update error codes

• Microsoft Edge에서 Smart Copy을 사용하는 방법

• Assign Backspace key Microsoft Edge에서 페이지를 다시 이동하려면

• Tabs을 Microsoft Edge으로 다른 장치에 보낸 방법

• Block or Stop Microsoft Edge 팝업 Tips and Notifications

• Windows 10의 Microsoft Edge Browser Tips and Tricks

• Microsoft Edge Windows 10에서 Restart에 Auto-resetting을 유지합니다

• Microsoft Edge browser에서 Media Autoplay을 제한하는 방법