Microsoft , eski tarayıcıyı tamamen elden geçirerek yeni Microsoft Edge için açık kaynaklı Chromium projesini benimsedi. ^(Chromium)Edge artık oldukça heyecan verici özelliklerle gelen popüler Google Chrome ile aynı motoru çalıştırıyor . Microsoft Edge tarayıcısının yeniden ortaya çıkması, bu olağanüstü özellikler nedeniyle kullanıcılar tarafından satın alındı. Bu Chromium tabanlı tarayıcı, eski Windows sürümlerini ve ARM64 cihazlarını destekler.

Tarayıcı, sıradan kullanıcılardan geliştiricilere kadar her kullanıcı için bir şeyler sunuyor. Edge'in Geliştirici Araçları (DevTools)^{(Edge’s Developer Tools (DevTools))} , bir web sayfasının HTML'sini^(HTML) inceleyip değiştirebileceğiniz , kodunu görüntüleyebileceğiniz veya hata ayıklayabileceğiniz  yerdir. F12 kısayolu, Windows'ta DevTools for Edge'i açar , ancak ^(Windows)bu^(DevTools) kısayolu herhangi^(Edge) bir nedenle devre dışı bırakmak isteyebilirsiniz. DevTools^(F12) için F12'nin^(DevTools) nasıl devre dışı bırakılacağını öğreneceğiz , ancak ondan önce tarayıcıda bu bölümü inceleyelim.

Microsoft Edge'in Geliştirici Araçları'nda bulunan seçenekler^{(Developer Tools)}

Geliştirici Araçları^{(Developer Tools)} bölümü, uzman kullanıcılar için gidilecek alandır ve işte nedeni - birçok yararlı işlev içerir. DevTools'ta alacağınız paneller şunlardır:

• Öğeler: Erişilebilirlik özelliklerini ^(Elements:) inceleyin , ^(Inspect)CSS ve HTML kodunu düzenleyin , olay dinleyicileri, DOM kesme noktalarını değiştirin.
• Performans:^{(Performance:)} Web sitenizin ihtiyaç duyduğu sistem kaynaklarını görüntüleyin .^(View)
• Kaynaklar: ^(Sources:) JavaScript koduna göre web sitesinin durumunu görüntüleyin^(View) , kodda adım adım ilerleyin, kesme noktaları ayarlayın. Ayrıca, web sayfası kodlarını burada değiştirin.
• Konsol: ^(Console:)DOM düğümlerini ve JavaScript nesnelerini inceleyin , pencere için JavaScript nesnelerini çalıştırın ve günlük mesajlarını görün.
• Bellek:^(Memory:) Bellek kaynaklarını gözlemleyin ve kod çalışma zamanından anlık görüntüleri karşılaştırın.^(Observe)
• Ağ: İstekleri ^(Network:) izleyin^(Monitor) ve yanıtları inceleyin.
• Güvenlik: Güvenlik^(Security:) açıklarını ayıkladığınız ve HTTPS bağlantılarında sorun giderdiğiniz yer.
• Deniz Feneri:^{(Lighthouse:)} Genel performansı iyileştirmek, bir PWA oluşturmak , hataları yakalamak ve hataları düzeltmek için web sitesi denetimleri çalıştırın .^(Run)
• Uygulama:^{(Application:)} Hizmet çalışanlarını önbelleklerini ve web uygulaması bildirimlerini inceleyin, düzenleyin ve hatalarını ayıklayın . ^(Inspect)Ayrıca veritabanlarını, depolamayı ve önbellekleri inceleyin ve yönetin.

Edge'de ^(Edge)Geliştirici Araçları^{(Developer Tools)} için F12 tuşunu devre dışı bırakın

Geliştirici Araçlarına^{(Developer Tools)} gitme seçeneği Edge Canary'de^{(Edge Canary)} ortaya çıktı ve o zamandan beri bir dayanak noktası oldu. Yakında Edge Stable sürümleri için mevcut olacak.

Bu bölümde, bu kısayolu nasıl devre dışı bırakacağınızı göstereceğim.

Önce Microsoft Edge'i^{(Microsoft Edge)} başlatın ve ALT + F  klavye kısayoluna basın. Menüden  Ayarlar'ı^(Settings) seçin.

F12 tuşuna basıldığında DevTools'u Açma^{(Open the DevTools when the F12 key is pressed)} seçeneğini devre dışı bıraktığınız veya etkinleştirdiğiniz yer  burasıdır .

Devre^(Toggle) dışı bırakmak için seçeneği kapatın.

Son olarak, Microsoft Edge tarayıcısını yeniden başlatın.

Yeniden başlatırken F12^(F12) tuşuna basın ve artık sizi Geliştirici Araçları^{(Developer Tools)} ekranına götürmediğini fark edeceksiniz.

Bu yardımcı olur umarım.

Disable F12 keyboard shortcut for Microsoft Edge Developer Tools

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

• User Agent and Geolocation Edge Developer Tools'de nasıl değiştirilir

• Developer Tools Edge'da Registry or Group Policy kullanılarak devre dışı bırakın

• Site Data için Chrome or Edge'de bulunan Site Data'ü temizleyin. Developer Tools'ü kullanma

• Identify Fontları Chrome, Edge and Firefox Developer Tools kullanarak

• Extensions menü düğmesini Microsoft Edge toolbar'dan nasıl kaldırılır

• Microsoft Edge'de Windows 10'te Sık Kullanılanlardaki değişiklikleri nasıl önlenir?

• Microsoft Edge'da Smart Copy nasıl kullanılır?

• System Print Dialog Microsoft Edge'da Windows 10'da etkinleştirin

• Windows'un 10 bayraklar sayfa hakkında Access & use Microsoft Edge

• Chrome Themes Microsoft Edge browser'de Nasıl Kurulur

• Vertical Tabs Microsoft Edge ile Title Bar nasıl gizlenir?

• Home button'ye Microsoft Edge browser'ya ekleyin

• Nasıl, Windows 10 seti veya değişim Microsoft Edge homepage için

• Google SafeSearch Microsoft Edge Windows 10'te Nasıl Yapılır?

• Duplicate Favorites Microsoft Edge browser'de nasıl kaldırılır

• Tabs Microsoft Edge ile diğer cihazlara nasıl gönderilir

• Yeni Surf Game Microsoft Edge'de Nasıl Oynanır

• Güncelleme politikaları yapılandırılmış ancak göz ardı edilecektir - Microsoft Edge

• Block or Stop Microsoft Edge POP-up Tips and Notifications

• Fix Microsoft Edge Installation & Update error codes