Microsoft đã áp dụng dự án Chromium mã nguồn mở cho Microsoft Edge mới , đại tu hoàn toàn trình duyệt cũ. Edge hiện chạy cùng một công cụ với Google Chrome phổ biến , đi kèm với các tính năng khá thú vị. Sự hợp nhất lại của trình duyệt Microsoft Edge đã mua lại nhiều người dùng vì những tính năng nổi bật này. Trình duyệt dựa trên Chromium này hỗ trợ các phiên bản Windows cũ hơn và thiết bị ARM64 .

Trình duyệt có một cái gì đó trong cửa hàng cho mọi người dùng - từ người dùng bình thường đến nhà phát triển. Công cụ dành cho nhà phát triển của Edge (DevTools)^{(Edge’s Developer Tools (DevTools))} là nơi bạn có thể kiểm tra và sửa đổi HTML của trang web, mã xem hoặc gỡ lỗi, v.v.  Phím tắt F12 mở DevTools cho Edge trong Windows , nhưng bạn có thể muốn tắt phím tắt này vì một số lý do. Chúng ta sẽ tìm hiểu cách tắt F12 cho DevTools , nhưng trước đó, hãy khám phá phần này trên trình duyệt.

Các tùy chọn có sẵn trong Công cụ dành cho nhà phát triển^{(Developer Tools)} của Microsoft Edge

Phần Công cụ dành cho nhà phát triển^{(Developer Tools)} là khu vực dành cho người dùng thành thạo và đây là lý do tại sao - phần này chứa vô số chức năng hữu ích. Đây là các bảng bạn nhận được trong DevTools:

• Phần tử: ^(Elements:) Kiểm tra^(Inspect) các thuộc tính trợ năng, chỉnh sửa CSS và mã HTML , trình xử lý sự kiện, sửa đổi các điểm ngắt DOM .
• Hiệu suất: ^{(Performance:)} Xem^(View) tài nguyên hệ thống mà trang web của bạn cần.
• Nguồn: ^(Sources:) Xem^(View) trạng thái của trang web bằng mã JavaScript , từng bước qua mã, đặt các điểm ngắt. Ngoài ra, hãy sửa đổi mã trang web tại đây.
• Bảng điều khiển:^(Console:) Kiểm tra các nút DOM và đối tượng ^(DOM)JavaScript , chạy các đối tượng JavaScript cho cửa sổ và xem thông báo nhật ký.
• Bộ nhớ: ^(Memory:) Quan sát^(Observe) tài nguyên bộ nhớ và so sánh các ảnh chụp nhanh từ thời gian chạy mã.
• Mạng: ^(Network:) Giám sát^(Monitor) các yêu cầu và kiểm tra các phản hồi.
• Bảo mật:^(Security:) Nơi bạn gỡ lỗi các lỗ hổng và khắc phục sự cố kết nối HTTPS .
• Lighthouse: Chạy^(Run) kiểm tra trang web để cải thiện hiệu suất tổng thể, xây dựng PWA , bắt lỗi và sửa lỗi.
• Ứng dụng: ^{(Application:)} Kiểm tra^(Inspect) , chỉnh sửa và gỡ lỗi các nhân viên dịch vụ trong bộ nhớ cache và tệp kê khai ứng dụng web của nó. Ngoài ra, hãy kiểm tra cơ sở dữ liệu, lưu trữ và bộ nhớ đệm và quản lý chúng.

Tắt phím F12 cho ^(F12)Công cụ nhà phát triển^{(Developer Tools)} trong Edge

Tùy chọn truy cập Công cụ dành cho nhà phát triển^{(Developer Tools)} đã xuất hiện trong Edge Canary và đã trở thành một công cụ chính kể từ đó. Nó sẽ sớm có sẵn cho các phiên bản Edge Stable .

Trong phần này, tôi sẽ chỉ cho bạn cách tắt phím tắt này.

Đầu tiên, khởi chạy Microsoft Edge và nhấn phím tắt ALT + F Chọn  Cài đặt^(Settings) từ menu.

Đây là nơi bạn tắt hoặc bật tùy chọn  Mở DevTools khi nhấn phím F12^{(Open the DevTools when the F12 key is pressed)} .

Tắt tùy chọn để tắt^(Toggle) nó.

Cuối cùng, khởi động lại trình duyệt Microsoft Edge .

Khi khởi động lại, nhấn F12 và bạn sẽ nhận thấy rằng nó không còn đưa bạn đến màn hình Công cụ dành cho nhà phát triển^{(Developer Tools)} nữa.

Hi vọng điêu nay co ich.

Disable F12 keyboard shortcut for Microsoft Edge Developer Tools

Mіcrosoft аdoрted the open-source Chromium project for thе 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

• Cách thay đổi User Agent and Geolocation trong Edge Developer Tools

• Vô hiệu hóa Developer Tools bằng Edge bằng Registry or Group Policy

• Rõ ràng Site Data cho trang web cụ thể trong Chrome or Edge sử dụng Developer Tools

• Phông chữ Identify trong Chrome, Edge and Firefox sử dụng Developer Tools

• Cách xóa nút menu Extensions khỏi Microsoft Edge toolbar

• Cập nhật chính sách được cấu hình nhưng sẽ bị bỏ qua - Microsoft Edge

• Làm thế nào để Cài đặt lại hoặc Thiết lập lại Microsoft Edge browser trên Windows 10

• Vô hiệu hóa Address Bar Drop-down List Suggestions bằng Microsoft Edge

• Microsoft Edge Browser Tips and Tricks cho Windows 10

• Microsoft Edge giữ Auto-resetting trên Restart trong Windows 10

• Microsoft Edge browser Hangs, đóng băng, tai nạn hoặc không hoạt động

• Cách cài đặt Microsoft Edge browser trên Chromebook

• Best Themes cho Microsoft Edge từ Edge Extensions and Add-ons Store

• Cách chơi Surf Game mới trong Microsoft Edge

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

• Cách thực thi Google SafeSearch trong Microsoft Edge trong Windows 10

• Cách cài đặt tiện ích mở rộng trong Microsoft Edge browser

• Cách gửi Tabs đến các thiết bị khác với Microsoft Edge

• Cách hiển thị Favorites Bar bằng Microsoft Edge trên Windows 10

• Cách đặt hoặc thay đổi Microsoft Edge homepage trên Windows 10