Microsoft นำ Open-source Chromium Project มาใช้สำหรับ Microsoft Edge ใหม่ ทำให้ Browser เก่าเปลี่ยนแปลงอย่างสิ้นเชิง Edge ตอนนี้รัน Engine เดียวกับ Google Chrome ยอดนิยม ซึ่งมาพร้อมฟีเจอร์น่าตื่นเต้น Browser ที่เกิดใหม่จาก Chromium นี้รองรับ Windows รุ่นเก่าและอุปกรณ์ ARM64
Browser นี้มีสิ่งดีๆ ให้ทุกผู้ใช้ – จากผู้ใช้ทั่วไปไปจนถึงนักพัฒนา Edge's Developer Tools (DevTools) คือพื้นที่ที่คุณสามารถ Inspect และ Modify HTML ของเว็บเพจ, ดูหรือ Debug Code ฯลฯ Shortcut F12 เปิด DevTools สำหรับ Edge ใน Windows แต่อาจต้องการปิด Shortcut นี้ด้วยบางเหตุผล เราจะเรียนรู้วิธีปิด F12 สำหรับ DevTools แต่ก่อนมาสำรวจส่วนนี้ใน Browser ก่อน
ตัวเลือกที่มีใน Microsoft Edge's Developer Tools
Developer Tools Section เป็นพื้นที่สำหรับ Power Users และนี่คือเหตุผล – มันมีฟังก์ชันที่มีประโยชน์มาก นี่คือ Panels ที่ได้ใน DevTools:
- Elements: Inspect Accessibility Properties, Edit CSS และ HTML Code, Event Listeners, Modify DOM Breakpoints
- Performance: ดู System Resources ที่เว็บไซต์ต้องการ
- Sources: ดู State ของเว็บไซต์โดย JavaScript Code, Step through Code, Set Breakpoints และ Modify Webpage Codes ได้ที่นี่
- Console: Inspect DOM Nodes และ JavaScript Objects, Run JavaScript Objects สำหรับ Window, ดู Log Messages
- Memory: สังเกต Memory Resources และเปรียบเทียบ Snapshots จาก Code Runtime
- Network: Monitor Requests และ Inspect Responses
- Security: ที่ Debug Vulnerabilities และ Troubleshoot HTTPS Connections
- Lighthouse: Run Website Audits เพื่อปรับปรุง Performance, สร้าง PWA, จับ Bugs, แก้ Errors
- Application: Inspect, Edit, Debug Service Workers, Caches, Web App Manifests และ Inspect Databases, Storage, Caches จัดการได้
ปิดใช้งาน F12 Key สำหรับ Developer Tools ใน Edge
ตัวเลือกไปที่ Developer Tools โผล่ใน Edge Canary และคงอยู่มาตลอด จะพร้อมใช้ใน Edge Stable Versions เร็วๆ นี้
ในส่วนนี้ จะแนะนำวิธีปิด Shortcut นี้
ก่อนอื่น เปิด Microsoft Edge กด Shortcut ALT + F เลือก Settings จากเมนู
คลิก System จากแผงด้านซ้าย ไปที่พื้นที่ Developer Tools.
นี่คือที่ที่คุณปิดหรือเปิดตัวเลือก Open the DevTools when the F12 key is pressed
Toggle Off ตัวเลือกเพื่อปิดใช้งาน
สุดท้าย รีสตาร์ท Microsoft Edge Browser
หลังรีสตาร์ท กด F12 จะสังเกตว่าไม่พาไปยังหน้าจอ Developer Tools อีกต่อไป
หวังว่าจะช่วยได้
