Microsoft mengadopsi proyek ^(Microsoft)Chromium open-source untuk Microsoft Edge baru , merombak total browser lama. Edge sekarang menjalankan mesin yang sama dengan Google Chrome yang populer , yang hadir dengan fitur-fitur yang cukup menarik. Kemunculan kembali browser Microsoft Edge dibeli oleh pengguna karena fitur luar biasa ini. Browser berbasis Chromium ini mendukung edisi Windows dan perangkat ^(Windows)ARM64 yang lebih lama .

Peramban memiliki sesuatu untuk setiap pengguna – dari pengguna biasa hingga pengembang. Alat Pengembang Edge (DevTools)^{(Edge’s Developer Tools (DevTools))} adalah tempat Anda dapat memeriksa dan memodifikasi HTML halaman web , melihat atau men-debug kode, dll.  Pintasan F12 membuka DevTools for Edge di Windows , tetapi Anda mungkin ingin menonaktifkan pintasan ini karena alasan tertentu. Kita akan mempelajari cara menonaktifkan F12 untuk DevTools , tetapi sebelum itu, mari kita jelajahi bagian ini di browser.

Opsi yang tersedia di Alat Pengembang Microsoft Edge^{(Developer Tools)}

Bagian Alat Pengembang^{(Developer Tools)} adalah area masuk untuk pengguna yang kuat, dan inilah alasannya – ini berisi banyak fungsi yang berguna. Berikut adalah panel yang Anda dapatkan di DevTools:

• Elemen: ^(Elements:) Memeriksa^(Inspect) properti aksesibilitas, mengedit kode CSS dan HTML , pendengar acara, memodifikasi titik henti sementara DOM .
• Kinerja: ^{(Performance:)} Lihat^(View) sumber daya sistem yang dibutuhkan situs web Anda.
• Sumber: ^(Sources:) Lihat^(View) status situs web dengan kode JavaScript , langkah-langkah kode, setel breakpoints. Juga, ubah kode halaman web di sini.
• Konsol:^(Console:) Periksa node DOM dan objek ^(DOM)JavaScript , jalankan objek JavaScript untuk jendela, dan lihat pesan log.
• Memori: ^(Memory:) Amati^(Observe) sumber daya memori dan bandingkan snapshot dari runtime kode.
• Jaringan: ^(Network:) Memantau^(Monitor) permintaan dan memeriksa tanggapan.
• Keamanan:^(Security:) Tempat Anda men-debug kerentanan dan memecahkan masalah koneksi HTTPS .
• Lighthouse: Jalankan^(Run) audit situs web untuk meningkatkan kinerja secara keseluruhan, membangun PWA , menangkap bug, dan memperbaiki kesalahan.
• Aplikasi: ^{(Application:)} Memeriksa^(Inspect) , mengedit, dan men-debug pekerja layanan cache-nya, dan manifes aplikasi web. Selain itu, periksa database, penyimpanan, dan cache, serta kelola.

Nonaktifkan kunci F12 untuk ^(F12)Alat Pengembang^{(Developer Tools)} di Edge

Pilihan untuk pergi ke Alat Pengembang^{(Developer Tools)} muncul di Edge Canary dan telah menjadi andalan sejak itu. Ini akan segera tersedia untuk versi Edge Stable .

Di bagian ini, saya akan menunjukkan cara menonaktifkan pintasan ini.

Pertama, luncurkan Microsoft Edge dan tekan pintasan keyboard ALT + F Pilih  Pengaturan^(Settings) dari menu.

Di sinilah Anda menonaktifkan atau mengaktifkan opsi  Open the DevTools saat tombol F12 ditekan^{(Open the DevTools when the F12 key is pressed)} .

Nonaktifkan^(Toggle) opsi untuk menonaktifkannya.

Terakhir, restart browser Microsoft Edge .

Saat memulai ulang, tekan F12 , dan Anda akan melihat bahwa itu tidak lagi membawa Anda ke layar Alat Pengembang^{(Developer Tools)} .

Semoga ini membantu.

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

• Cara Mengubah User Agent and Geolocation di Edge Developer Tools

• Nonaktifkan Developer Tools di Edge menggunakan Registry or Group Policy

• Hapus Site Data untuk situs tertentu di Chrome or Edge menggunakan Developer Tools

• Identify Font di Chrome, Edge and Firefox menggunakan Developer Tools

• Cara menghapus tombol menu Extensions dari Microsoft Edge toolbar

• Kebijakan pembaruan dikonfigurasi tetapi akan diabaikan - Microsoft Edge

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

• Memperbaiki Kami tidak dapatN't load extension error ini di Microsoft Edge

• Nonaktifkan Address Bar Drop-down List Suggestions di Microsoft Edge

• Microsoft Edge browser hang, membeku, crash atau tidak berfungsi

• Cara pin situs web ke Taskbar dengan Microsoft Edge

• Access & use Microsoft Edge tentang halaman bendera pada Windows 10

• Assign Backspace key untuk kembali halaman di Microsoft Edge

• Cara Menegakkan Google SafeSearch di Microsoft Edge di Windows 10

• Cara Menggunakan Kids mode di Microsoft Edge browser

• Microsoft Edge tidak akan terbuka pada Windows 11/10

• Cara Menginstal Microsoft Edge browser pada Chromebook

• Bagaimana menampilkan Favorites Bar di Microsoft Edge di Windows 10

• Best Themes untuk Microsoft Edge dari Edge Extensions and Add-ons Store

• Cara membatasi Media Autoplay di Microsoft Edge browser