Microsoft przyjął projekt ^(Microsoft)Chromium o otwartym kodzie źródłowym dla nowego Microsoft Edge , całkowicie zmieniając starą przeglądarkę. Edge obsługuje teraz ten sam silnik, co popularna przeglądarka Google Chrome^{(Google Chrome)} , która ma całkiem ekscytujące funkcje. Ponowne pojawienie się przeglądarki Microsoft Edge kupionej przez użytkowników z powodu tych wyjątkowych funkcji. Ta przeglądarka oparta na Chromium obsługuje starsze wersje systemu Windows^(Windows) i urządzenia ARM64 .

Przeglądarka ma coś w zanadrzu dla każdego użytkownika – od zwykłych użytkowników po programistów. Narzędzia programistyczne Edge (DevTools)^{(Edge’s Developer Tools (DevTools))} to miejsce, w którym można sprawdzać i modyfikować kod HTML^(HTML) strony internetowej , wyświetlać lub debugować kod itp.  Skrót F12 otwiera DevTools dla Edge w systemie Windows^(Windows) , ale z jakiegoś powodu możesz chcieć wyłączyć ten skrót. Dowiemy się, jak wyłączyć F12 dla DevTools , ale wcześniej zapoznajmy się z tą sekcją w przeglądarce.

Opcje dostępne w narzędziach programistycznych Microsoft Edge^{(Developer Tools)}

Sekcja Narzędzia dla programistów^{(Developer Tools)} to obszar, do którego powinni przejść zaawansowani użytkownicy, a oto dlaczego — zawiera mnóstwo przydatnych funkcji. Oto panele, które otrzymujesz w DevTools:

• Elementy: ^(Elements:) Sprawdź^(Inspect) właściwości dostępności, edytuj kod CSS i HTML , detektory zdarzeń, modyfikuj punkty przerwania DOM .
• Wydajność: ^{(Performance:)} Zobacz^(View) zasoby systemowe, których potrzebuje Twoja witryna.
• Źródła: ^(Sources:) przeglądaj^(View) stan witryny za pomocą kodu JavaScript , przechodź przez kod, ustawiaj punkty przerwania. Tutaj również zmodyfikuj kody stron internetowych.
• Konsola:^(Console:) sprawdzaj węzły DOM i obiekty ^(DOM)JavaScript , uruchamiaj obiekty JavaScript dla okna i wyświetlaj komunikaty dziennika.
• Pamięć: ^(Memory:) obserwuj^(Observe) zasoby pamięci i porównuj migawki ze środowiska uruchomieniowego kodu.
• Sieć: ^(Network:) Monitoruj^(Monitor) żądania i sprawdzaj odpowiedzi.
• Bezpieczeństwo:^(Security:) miejsce, w którym debugujesz luki i rozwiązujesz problemy z połączeniami HTTPS .
• Lighthouse: przeprowadzaj ^{(Lighthouse:)} audyty^(Run) witryn internetowych, aby poprawić ogólną wydajność, zbudować PWA , wyłapywać błędy i naprawiać błędy.
• Aplikacja: ^{(Application:)} sprawdzaj^(Inspect) , edytuj i debuguj procesy robocze Service Worker, ich pamięci podręczne i manifesty aplikacji internetowych. Sprawdzaj również bazy danych, pamięć masową i pamięci podręczne oraz zarządzaj nimi.

Wyłącz klawisz F12 dla ^(F12)narzędzi programistycznych^{(Developer Tools)} w Edge

Opcja przejścia do Narzędzi dla programistów^{(Developer Tools)} pojawiła się w Edge Canary i od tego czasu jest podstawą. Wkrótce będzie dostępny dla wersji Edge Stable .

W tej sekcji pokażę, jak wyłączyć ten skrót.

Najpierw uruchom Microsoft Edge i naciśnij skrót klawiaturowy ALT + F Wybierz  Ustawienia^(Settings) z menu.

Tutaj możesz wyłączyć lub włączyć opcję  Open DevTools po naciśnięciu klawisza F12^{(Open the DevTools when the F12 key is pressed)} .

Wyłącz^(Toggle) opcję, aby ją wyłączyć.

Na koniec uruchom ponownie przeglądarkę Microsoft Edge .

Po ponownym uruchomieniu naciśnij F12 , a zauważysz, że nie przeniesie Cię już do ekranu Narzędzi dla programistów .^{(Developer Tools)}

Mam nadzieję że to pomoże.

Disable F12 keyboard shortcut for Microsoft Edge Developer Tools

Micrоsoft adopted the open-sоurce Chromiυm project 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

• Jak zmienić agenta użytkownika i geolokalizację w Edge Developer Tools?

• Wyłącz narzędzia programistyczne w Edge za pomocą rejestru lub zasad grupy

• Wyczyść dane witryny dla określonej witryny w Chrome lub Edge za pomocą Narzędzi dla programistów

• Identyfikuj czcionki w Chrome, Edge i Firefox za pomocą Narzędzi dla programistów

• Jak usunąć przycisk menu Rozszerzenia z paska narzędzi Microsoft Edge

• Dodaj przycisk Home do przeglądarki Microsoft Edge

• Microsoft Edge nie otwiera się w systemie Windows 11/10

• Microsoft Edge utrzymuje automatyczne resetowanie po ponownym uruchomieniu w systemie Windows 11/10

• Jak wyłączyć lub zatrzymać autoodtwarzanie wideo w Microsoft Edge

• Napraw Nie mogliśmy załadować tego błędu rozszerzenia w Microsoft Edge

• Jak ograniczyć automatyczne odtwarzanie multimediów w przeglądarce Microsoft Edge

• Jak usunąć zduplikowane ulubione w przeglądarce Microsoft Edge

• Nie można otworzyć Microsoft Edge za pomocą wbudowanego konta administratora

• Jak wyłączyć powiadomienia push witryny Microsoft Edge

• Włącz lub wyłącz funkcję zakupów online w Microsoft Edge

• Jak korzystać z trybu dzieci w przeglądarce Microsoft Edge

• Jak korzystać z funkcji Smart Copy w Microsoft Edge

• Jak udostępnić adres URL strony internetowej za pomocą przeglądarki Microsoft Edge

• Blokuj reklamy Microsoft Edge, które pojawiają się w menu Start systemu Windows 10

• Wyłącz sugestie listy rozwijanej paska adresu w Microsoft Edge