Microsoft otti käyttöön avoimen lähdekoodin Chromium - projektin uudelle Microsoft Edgelle^{(Microsoft Edge)} ja uudisti vanhan selaimen kokonaan. Edge käyttää nyt samaa moottoria kuin suosittu Google Chrome , joka sisältää melko jännittäviä ominaisuuksia. Microsoft Edge -selain ostettiin uudelleen käyttäjien yli näiden erinomaisten ominaisuuksien vuoksi. Tämä Chromium-pohjainen selain tukee vanhempia Windows - versioita ja ARM64- laitteita.

Selaimella on jokaiselle käyttäjälle jotakin – satunnaisista käyttäjistä kehittäjiin. Edgen Developer Tools (DevTools)^{(Edge’s Developer Tools (DevTools))} on paikka, jossa voit tarkistaa ja muokata verkkosivun HTML -koodia , tarkastella tai korjata koodia jne.  F12 - pikanäppäin avaa DevTools for Edgen ^(Edge)Windowsissa^(Windows) , mutta saatat haluta poistaa tämän pikakuvakkeen käytöstä jostain syystä. Opimme poistamaan F12 :n käytöstä DevToolsissa^(DevTools) , mutta sitä ennen tutustutaan tähän selaimen osioon.

Vaihtoehdot ovat saatavilla Microsoft Edgen kehittäjätyökaluissa^{(Developer Tools)}

Kehittäjätyökalut - osio^{(Developer Tools)} on tehokäyttäjille tarkoitettu alue, ja tästä syystä – se sisältää paljon hyödyllisiä toimintoja. Tässä ovat DevToolsissa saamasi paneelit:

• Elementit: ^(Elements:) Tarkista^(Inspect) esteettömyysominaisuudet, muokkaa CSS- ja HTML- koodia, tapahtumaseuraajat, muokkaa DOM -katkospisteitä.
• Suorituskyky: ^{(Performance:)} Tarkastele^(View) verkkosivustosi tarvitsemia järjestelmäresursseja.
• Lähteet: ^(Sources:) Tarkastele^(View) verkkosivuston tilaa JavaScript -koodilla, siirry koodin läpi, aseta keskeytyskohdat. Muokkaa myös verkkosivun koodeja täällä.
• Konsoli:^(Console:) Tarkista DOM - solmut ja JavaScript - objektit, suorita JavaScript -objekteja ikkunalle ja katso lokiviestit.
• Muisti: ^(Memory:) Tarkkaile^(Observe) muistiresursseja ja vertaa tilannekuvia koodin ajon aikana.
• Verkko: ^(Network:) Valvo^(Monitor) pyyntöjä ja tarkasta vastaukset.
• Suojaus: jossa voit korjata haavoittuvuuksia ja tehdä ^(Security:)HTTPS- yhteyksien vianmäärityksen .
• Lighthouse: Suorita^(Run) verkkosivustojen tarkastuksia parantaaksesi yleistä suorituskykyä, rakentaaksesi PWA :n , havaitaksesi virheitä ja korjataksesi virheet.
• Sovellus: ^{(Application:)} Tarkista^(Inspect) , muokkaa ja korjaa palvelutyöntekijöitä sen välimuistit ja verkkosovellusluettelot. Tarkista myös tietokannat, tallennustila ja välimuistit ja hallitse niitä.

Poista Edgen ^(Edge)kehittäjätyökalujen ^{(Developer Tools)}F12 -näppäin käytöstä

Mahdollisuus siirtyä Developer Toolsiin^{(Developer Tools)} ilmestyi Edge Canaryssa^{(Edge Canary)} , ja se on ollut tukipilari siitä lähtien. Se on pian saatavilla Edge Stable -versioille.

Tässä osiossa näytän sinulle, kuinka tämä pikakuvake poistetaan käytöstä.

Käynnistä ensin Microsoft Edge ja paina ALT + F  -pikanäppäintä. Valitse  valikosta Asetukset .^(Settings)

Tässä voit poistaa käytöstä tai ottaa käyttöön vaihtoehdon  Avaa DevTools, kun F12-näppäintä painetaan^{(Open the DevTools when the F12 key is pressed)} .

Poista^(Toggle) vaihtoehto käytöstä poistamalla se käytöstä.

Lopuksi käynnistä Microsoft Edge -selain uudelleen.

Kun käynnistät uudelleen, paina F12 ja huomaat, että se ei enää vie sinua Kehittäjätyökalut^{(Developer Tools)} - näyttöön.

Toivottavasti tämä auttaa.

Disable F12 keyboard shortcut for Microsoft Edge Developer Tools

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

• Käyttäjäagentin ja maantieteellisen sijainnin muuttaminen Edge Developer Toolsissa

• Poista Edgen kehittäjätyökalut käytöstä rekisterin tai ryhmäkäytännön avulla

• Tyhjennä tietyn sivuston sivustotiedot Chromessa tai Edgessä kehittäjätyökalujen avulla

• Tunnista fontit Chromessa, Edgessä ja Firefoxissa kehittäjätyökalujen avulla

• Laajennukset-valikkopainikkeen poistaminen Microsoft Edge -työkalupalkista

• Median automaattisen toiston rajoittaminen Microsoft Edge -selaimessa

• Videon automaattisen toiston poistaminen käytöstä tai pysäyttäminen Microsoft Edgessä

• Web-sivun URL-osoitteen jakaminen Microsoft Edge -selaimella

• Kuinka poistaa päällekkäiset suosikit Microsoft Edge -selaimessa

• Estä Microsoft Edge -mainokset, jotka näkyvät Windows 10:n Käynnistä-valikossa

• Välilehtien lähettäminen muihin laitteisiin Microsoft Edgen avulla

• Kuinka kiinnittää verkkosivustoja tehtäväpalkkiin Microsoft Edgen avulla

• Kuinka asentaa Microsoft Edge -selain Chromebookiin

• Ota verkkoostosominaisuus käyttöön tai poista se käytöstä Microsoft Edgessä

• Päivityskäytännöt on määritetty, mutta ne ohitetaan - Microsoft Edge

• Microsoft-tilin suojausavaimen määrittäminen

• Korjaa Microsoft Edge Installation & Update -virhekoodit

• Super Duper Secure -tilan käyttäminen Microsoft Edgessä

• Estä tai pysäytä Microsoft Edge -ponnahdusikkunat ja -ilmoitukset

• Microsoft Edge ei avaudu Windows 11/10:ssä