Spoločnosť Microsoft prijala projekt ^(Microsoft)Chromium s otvoreným zdrojovým kódom pre nový Microsoft Edge a úplne prepracovala starý prehliadač. Edge teraz používa rovnaký engine ako populárny Google Chrome , ktorý prichádza s celkom zaujímavými funkciami. Opätovné objavenie sa prehliadača Microsoft Edge , ktorý si používatelia kúpili kvôli týmto vynikajúcim funkciám. Tento prehliadač založený na prehliadači Chromium podporuje staršie vydania systému Windows^(Windows) a zariadenia ARM64 .

Prehliadač má niečo pripravené pre každého používateľa – od bežných používateľov až po vývojárov. Vývojárske nástroje Edge (DevTools)^{(Edge’s Developer Tools (DevTools))} sú miesto, kde môžete skontrolovať a upraviť HTML webovej stránky , zobraziť alebo ladiť kód atď.  Skratka F12 otvorí DevTools for Edge v systéme Windows^(Windows) , ale možno budete chcieť túto skratku z nejakého dôvodu zakázať. Dozvieme sa, ako zakázať F12 pre DevTools , ale predtým sa pozrime na túto časť v prehliadači.

Možnosti dostupné v nástrojoch pre vývojárov^{(Developer Tools)} Microsoft Edge

Sekcia Vývojárske nástroje^{(Developer Tools)} je hlavnou oblasťou pre skúsených používateľov a tu je dôvod – obsahuje množstvo užitočných funkcií. Tu sú panely, ktoré získate v DevTools:

• Prvky: ^(Elements:) Kontrola^(Inspect) vlastností dostupnosti, úprava kódu CSS a HTML , poslucháčov udalostí, úprava bodov prerušenia DOM .
• Výkon: ^{(Performance:)} Zobrazte^(View) systémové prostriedky, ktoré váš web potrebuje.
• Zdroje: ^(Sources:) Zobrazte^(View) stav webovej stránky podľa kódu JavaScript , krokujte kód, nastavte body prerušenia. Tu tiež upravte kódy webových stránok.
• Konzola:^(Console:) Skontrolujte uzly DOM a objekty ^(DOM)JavaScript , spustite objekty JavaScript pre okno a pozrite si správy denníka.
• Pamäť: ^(Memory:) Sledujte^(Observe) pamäťové zdroje a porovnávajte snímky z runtime kódu.
• Sieť: ^(Network:) Monitorujte^(Monitor) požiadavky a kontrolujte odpovede.
• Zabezpečenie:^(Security:) Kde ladíte zraniteľné miesta a riešite problémy s pripojeniami HTTPS .
• Maják: ^{(Lighthouse:)} Spúšťajte^(Run) audity webových stránok na zlepšenie celkového výkonu, zostavte PWA , zachytávajte chyby a opravujte chyby.
• Aplikácia: ^{(Application:)} Skontrolujte^(Inspect) , upravte a odlaďte pracovníkov servisu ich vyrovnávaciu pamäť a manifesty webových aplikácií. Tiež skontrolujte databázy, úložisko a vyrovnávaciu pamäť a spravujte ich.

Zakázať kláves F12 pre ^(F12)Vývojárske nástroje^{(Developer Tools)} v Edge

Možnosť prejsť do nástrojov pre vývojárov^{(Developer Tools)} sa objavila v Edge Canary a odvtedy je hlavnou oporou. Čoskoro bude k dispozícii pre verzie Edge Stable .

V tejto časti vám ukážem, ako túto skratku zakázať.

Najprv spustite Microsoft Edge a stlačte klávesovú skratku ALT + F V ponuke vyberte položku  Nastavenia^(Settings) .

Tu zakážete alebo povolíte možnosť  otvoriť nástroje DevTools po stlačení klávesu F12^{(Open the DevTools when the F12 key is pressed)} .

Vypnite^(Toggle) možnosť, aby ste ju zakázali.

Nakoniec reštartujte prehliadač Microsoft Edge .

Pri reštartovaní stlačte F12 a všimnete si, že sa už nedostanete na obrazovku Vývojárske nástroje^{(Developer Tools)} .

Dúfam, že to pomôže.

Disable F12 keyboard shortcut for Microsoft Edge Developer Tools

Microsoft adopted thе open-source Chromium 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

• Ako zmeniť používateľského agenta a geolokáciu v Edge Developer Tools

• Zakážte Vývojárske nástroje v Edge pomocou registra alebo skupinovej politiky

• Vymažte údaje stránok pre konkrétny web v prehliadači Chrome alebo Edge pomocou nástrojov pre vývojárov

• Identifikujte písma v prehliadačoch Chrome, Edge a Firefox pomocou nástrojov pre vývojárov

• Ako odstrániť tlačidlo ponuky Rozšírenia z panela s nástrojmi Microsoft Edge

• Ako opraviť alebo resetovať prehliadač Microsoft Edge v systéme Windows 11

• Ako hrať novú hru Surf Game v Microsoft Edge

• Ako pripnúť webové stránky na panel úloh pomocou Microsoft Edge

• Microsoft Edge nie je možné otvoriť pomocou vstavaného účtu správcu

• Zakázať návrhy rozbaľovacieho zoznamu panela s adresou v prehliadači Microsoft Edge

• Ako používať funkciu Smart Copy v aplikácii Microsoft Edge

• Blokovanie alebo zastavenie kontextového okna Tipy a upozornenia Microsoft Edge

• Ako používať detský režim v prehliadači Microsoft Edge

• Ako odosielať karty do iných zariadení pomocou Microsoft Edge

• Ako prispôsobiť stránku Nová karta v Microsoft Edge

• Ako používať režim Super Duper Secure v Microsoft Edge

• Ako zabrániť zmenám obľúbených položiek v Microsoft Edge v systéme Windows 10

• Priraďte kláves Backspace na návrat o stránku v Microsoft Edge

• Najlepšie motívy pre Microsoft Edge z Edge Extensions and Add-ons Store

• Ako zakázať alebo zastaviť automatické prehrávanie videa v Microsoft Edge