Microsoft นำโปรเจ็กต์ ^(Microsoft)Chromiumโอเพ่นซอร์สมาใช้สำหรับMicrosoft Edgeใหม่ เป็นการยกเครื่องเบราว์เซอร์เก่าอย่างสมบูรณ์ ตอนนี้ Edge ใช้งานเอ็นจิ้นเดียวกับGoogle Chrome ยอดนิยม ซึ่งมาพร้อมกับคุณสมบัติที่ค่อนข้างน่าตื่นเต้น การกลับมาใหม่ของ เบราว์เซอร์ Microsoft Edge ที่ ซื้อจากผู้ใช้เนื่องจากคุณสมบัติที่โดดเด่นเหล่านี้ เบราว์เซอร์ที่ใช้ Chromium นี้รองรับWindowsรุ่นเก่าและอุปกรณ์ARM64

เบราว์เซอร์มีบางสิ่งที่เตรียมไว้สำหรับผู้ใช้ทุกคน ตั้งแต่ผู้ใช้ทั่วไปไปจนถึงนักพัฒนา เครื่องมือสำหรับนักพัฒนาของ Edge (DevTools)^{(Edge’s Developer Tools (DevTools))}คือที่ที่คุณสามารถตรวจสอบและแก้ไขHTML ของหน้าเว็บ ดูหรือโค้ดดีบัก ฯลฯ  ทางลัดF12 จะเปิด ^(F12)DevTools for EdgeในWindowsแต่คุณอาจต้องการปิดใช้งานทางลัดนี้ด้วยเหตุผลบางประการ เราจะเรียนรู้วิธีปิดการใช้งานF12สำหรับDevToolsแต่ก่อนหน้านั้น เรามาสำรวจส่วนนี้บนเบราว์เซอร์กันก่อน

ตัวเลือกที่มีอยู่ใน เครื่องมือสำหรับนักพัฒนาซอฟต์แวร์^{(Developer Tools)}ของ Microsoft Edge

ส่วนเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์^{(Developer Tools)}เป็นส่วนสำคัญสำหรับผู้ใช้ระดับสูง และนี่คือเหตุผล – มันมีฟังก์ชันที่มีประโยชน์มากมาย นี่คือพาเนลที่คุณได้รับใน DevTools:

• องค์ประกอบ: ^(Elements:) ตรวจสอบ^(Inspect)คุณสมบัติการเข้าถึง แก้ไขโค้ด CSS^(CSS)และHTMLฟังเหตุการณ์ แก้ไขจุดพักDOM
• ประสิทธิภาพ: ^{(Performance:)} ดู^(View)ทรัพยากรระบบที่เว็บไซต์ของคุณต้องการ
• ที่มา: ^(Sources:) ดู^(View)สถานะของเว็บไซต์ด้วย โค้ด JavaScriptก้าวผ่านโค้ด ตั้งค่าเบรกพอยต์ นอกจากนี้ ให้แก้ไขโค้ดของหน้าเว็บที่นี่
• คอนโซล:^(Console:)ตรวจสอบโหนดDOM และวัตถุ ^(DOM)JavaScriptเรียกใช้ วัตถุ JavaScriptสำหรับหน้าต่าง และดูข้อความบันทึก
• หน่วยความจำ: ^(Memory:) สังเกต^(Observe)ทรัพยากรหน่วยความจำและเปรียบเทียบสแน็ปช็อตจากโค้ดรันไทม์
• เครือข่าย: ^(Network:) ตรวจสอบ^(Monitor)คำขอและตรวจสอบการตอบสนอง
• ความปลอดภัย:^(Security:) ตำแหน่ง ที่คุณดีบักช่องโหว่และแก้ไขปัญหาการเชื่อมต่อHTTPS
• Lighthouse: เรียกใช้^(Run)การตรวจสอบเว็บไซต์เพื่อปรับปรุงประสิทธิภาพโดยรวม สร้างPWA ตรวจ จับจุดบกพร่อง และแก้ไขข้อผิดพลาด
• แอปพลิเคชัน: ^{(Application:)} ตรวจสอบ^(Inspect)แก้ไข และแก้ไขข้อบกพร่องของแคชของพนักงานบริการ และรายการเว็บแอป ตรวจสอบฐานข้อมูล ที่เก็บข้อมูล และแคช แล้วจัดการ

ปิดใช้งานคีย์F12 สำหรับ ^(F12)เครื่องมือสำหรับนักพัฒนาซอฟต์แวร์^{(Developer Tools)}ในEdge

ตัวเลือกในการไปที่เครื่องมือสำหรับนักพัฒนา^{(Developer Tools)}ปรากฏขึ้นในEdge Canaryและเป็นแกนนำนับตั้งแต่นั้นมา เร็วๆ นี้จะมีให้ในเวอร์ชันEdge Stable

ในส่วนนี้ ฉันจะแสดงวิธีปิดใช้งานทางลัดนี้

ขั้นแรก เปิดMicrosoft Edgeแล้วกดแป้นพิมพ์ลัดALT + F เลือก  การตั้งค่า^(Settings)จากเมนู

นี่คือที่ที่คุณปิดใช้งานหรือเปิดใช้งานตัวเลือกในการ  เปิด DevTools เมื่อกดปุ่ม F12^{(Open the DevTools when the F12 key is pressed)}

ปิด^(Toggle)ตัวเลือกเพื่อปิดการใช้งาน

สุดท้าย ให้รีสตาร์ทเบราว์เซอร์Microsoft Edge

เมื่อรีสตาร์ท ให้กดF12และคุณจะสังเกตเห็นว่าระบบไม่นำคุณไปที่หน้าจอเครื่องมือสำหรับนักพัฒนา อีกต่อไป^{(Developer Tools)}

หวังว่านี่จะช่วยได้

Disable F12 keyboard shortcut for Microsoft Edge Developer Tools

Microsoft adopted the open-source Chromіum 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

• วิธีการเปลี่ยน User Agent and Geolocation ใน Edge Developer Tools

• Developer Tools ปิดการใช้งานใน Edge ใช้ Registry or Group Policy

• ล้าง Site Data สำหรับไซต์เฉพาะใน Chrome or Edge โดยใช้ Developer Tools

• Identify แบบอักษรใน Chrome, Edge and Firefox ใช้ Developer Tools

• วิธีการลบปุ่มเมนู Extensions จาก Microsoft Edge toolbar

• วิธีการลบ Duplicate Favorites ใน Microsoft Edge browser

• วิธีการ จำกัด Media Autoplay ใน Microsoft Edge browser

• Microsoft Edge ไม่สามารถเปิดได้โดยใช้ administrator account ในตัว

• วิธีการป้องกันการเปลี่ยนแปลงรายการโปรดใน Microsoft Edge ใน Windows 10

• เปิดใช้งานหรือปิดใช้งาน Online Shopping feature ใน Microsoft Edge

• วิธีการแสดง Favorites Bar ใน Microsoft Edge ใน Windows 10

• วิธีการบล็อกเว็บไซต์ใน Microsoft Edge ใน Windows 10

• ปิดใช้งานการซิงค์สำหรับ User Profiles ใน Microsoft Edge โดยใช้ Registry

• ปิดใช้งาน Address Bar Drop-down List Suggestions ใน Microsoft Edge

• Microsoft Edge จะไม่เปิดบน Windows 11/10

• เพิ่ม Home button ถึง Microsoft Edge browser

• วิธีการติดตั้งใหม่หรือรีเซ็ต Microsoft Edge browser บน Windows 10

• Microsoft Edge สำหรับ Mac ล่มไม่ทำงานหรือให้ปัญหา

• วิธีการส่ง Tabs ไปยังอุปกรณ์อื่นกับ Microsoft Edge

• วิธีการปรับแต่งหน้า Microsoft Edge New tab