Windows Tips & News

ปิดใช้งานแป้นพิมพ์ลัด F12 สำหรับเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ใน Microsoft Edge

click fraud protection

วิธีปิดใช้งานแป้นพิมพ์ลัด F12 สำหรับเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ใน Microsoft Edge

Microsoft Edge อนุญาตให้คุณเปิดเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ (DevTools) ได้โดยกดปุ่ม F12 หรือโดยการกดแป้นพิมพ์ลัด Ctrl + Shift + i นี่คือชุดเครื่องมือที่ช่วยให้คุณตรวจสอบและดีบัก JavaScript, HTML และเว็บแอปพลิเคชันและเพจต่างๆ

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

Microsoft Edge มีเครื่องมือมากมายที่เป็นประโยชน์สำหรับนักพัฒนาและผู้ใช้ขั้นสูง ตัวอย่างเช่น เครื่องมือเหล่านี้สามารถใช้จำลองอุปกรณ์หรือแพลตฟอร์มซอฟต์แวร์อื่นได้ อันที่จริง คุณสามารถใช้ตัวเลือกใดตัวเลือกหนึ่งเพื่อดาวน์โหลดอย่างเป็นทางการ อิมเมจ ISO ของ Windows 10 โดยตรง.

มีอะไรให้ใช้งานในเครื่องมือสำหรับนักพัฒนา Edge

ด้วย DevTools คุณสามารถทำสิ่งต่อไปนี้ได้ในเบราว์เซอร์

  • ตรวจสอบและเปลี่ยนแปลงเว็บไซต์ HTML ของคุณ
  • แก้ไข CSS และดูตัวอย่างการแสดงผลเว็บไซต์ของคุณได้ทันที
  • ดูทั้งหมด console.log() คำสั่งจากโค้ด JavaScript ส่วนหน้าของคุณ
  • ดีบักสคริปต์ของคุณโดยการตั้งค่าเบรกพอยต์และก้าวผ่านทีละบรรทัด

ในการเปิด DevTools ให้กด F12, หรือกด Ctrl+กะ+ผม บน Windows/Linux (สั่งการ+ตัวเลือก+ผม บน macOS) คุณสามารถค้นหาเอกสารอย่างเป็นทางการของ DevTools ที่นี่.

แผงที่มีจำหน่าย

Microsoft Edge (Chromium) DevTools มีแผงควบคุมดังต่อไปนี้

  • หนึ่ง องค์ประกอบ แผงเพื่อแก้ไข HTML และ CSS ตรวจสอบคุณสมบัติการช่วยสำหรับการเข้าถึง ดูตัวฟังเหตุการณ์ และตั้งค่าจุดสั่งหยุดการกลายพันธุ์ของ DOM
  • NS คอนโซล เพื่อดูและกรองข้อความบันทึก ตรวจสอบวัตถุ JavaScript และโหนด DOM และเรียกใช้ JavaScript ในบริบทของหน้าต่างหรือเฟรมที่เลือก
  • NS แหล่งที่มา เพื่อเปิดและแก้ไขโค้ดของคุณ ตั้งค่าเบรกพอยต์ ก้าวผ่านโค้ด และดูสถานะของเว็บไซต์ของคุณทีละบรรทัดของ JavaScript
  • NS เครือข่าย แผงเพื่อตรวจสอบและตรวจสอบคำขอและการตอบสนองจากแคชเครือข่ายและเบราว์เซอร์
  • NS ประสิทธิภาพ แผงโปรไฟล์เวลาและทรัพยากรระบบที่ไซต์ของคุณต้องการ
  • NS หน่วยความจำ แผงเพื่อวัดการใช้ทรัพยากรหน่วยความจำของคุณและเปรียบเทียบสแน็ปช็อตฮีปที่สถานะต่างๆ ของโค้ดรันไทม์
  • หนึ่ง แอปพลิเคชัน แผงเพื่อตรวจสอบ แก้ไข และดีบักรายการแอปบนเว็บ พนักงานบริการ และแคชของพนักงานบริการ คุณยังตรวจสอบและจัดการที่เก็บข้อมูล ฐานข้อมูล และแคชได้จาก แอปพลิเคชัน แผงหน้าปัด.
  • NS ความปลอดภัย แผงเพื่อแก้ปัญหาด้านความปลอดภัยและให้แน่ใจว่าคุณได้ติดตั้ง HTTPS บนเว็บไซต์ของคุณอย่างถูกต้อง HTTPS ให้การรักษาความปลอดภัยที่สำคัญและความสมบูรณ์ของข้อมูลสำหรับทั้งไซต์ของคุณและผู้ใช้ที่ให้ข้อมูลส่วนบุคคลในไซต์ของคุณ
  • หนึ่ง การตรวจสอบ แผง (ตอนนี้เปลี่ยนชื่อ ประภาคาร) เพื่อดำเนินการตรวจสอบเว็บไซต์ของคุณ ผลการตรวจสอบช่วยคุณปรับปรุงคุณภาพของไซต์ด้วยวิธีต่อไปนี้
    • ตรวจจับข้อผิดพลาดทั่วไปที่เกี่ยวข้องกับการทำให้เว็บไซต์ของคุณเข้าถึงได้ ปลอดภัย ประสิทธิภาพ และอื่นๆ
    • แก้ไขข้อผิดพลาดแต่ละข้อ
    • สร้าง กปภ.

เริ่มต้นใน Edge Canary 89.0.726.0คุณสามารถปิดการใช้งาน เปิด DevTools เมื่อกดปุ่ม F12 ตัวเลือกในการตั้งค่าเบราว์เซอร์

โพสต์นี้จะแสดงวิธีเปิดหรือปิดใช้งาน แป้นพิมพ์ลัด F12 สำหรับเครื่องมือสำหรับนักพัฒนาใน Microsoft Edge.

วิธีปิดใช้งานแป้นพิมพ์ลัด F12 สำหรับเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ใน Microsoft Edge

  1. เปิด Microsoft Edge
  2. คลิกที่ปุ่มการตั้งค่า (Alt + NS) และเลือกการตั้งค่าจากเมนู
  3. ทางด้านซ้ายให้คลิกที่ ระบบหรือวางสิ่งนี้ในแถบที่อยู่ edge://settings/system.
  4. เลื่อนลงไปที่ เครื่องมือสำหรับผู้พัฒนา ส่วน.
  5. เปิดหรือปิดตัวเลือก เปิด DevTools เมื่อกดปุ่ม F12 เพื่อสิ่งที่คุณต้องการ
  6. คุณสามารถปิดแท็บการตั้งค่าของ Microsoft Edge ได้แล้ว

คุณทำเสร็จแล้ว

สำรองและกู้คืนการตั้งค่ากล้องใน Windows 10

สำรองและกู้คืนการตั้งค่ากล้องใน Windows 10

Windows 10 มีแอป Store (แพลตฟอร์ม Windows สากล) ชื่อ "กล้อง" เป็นวิธีที่รวดเร็วในการถ่ายภาพ เพียง...

อ่านเพิ่มเติม

มีอะไรใหม่ใน Firefox 55

มีอะไรใหม่ใน Firefox 55

เบราว์เซอร์ Mozilla Firefox ยอดนิยมเวอร์ชันใหม่ออกมาแล้ว เวอร์ชัน 55 มาพร้อม Permissions UI ใหม่ส...

อ่านเพิ่มเติม

อะแดปเตอร์ไร้สาย Windows 10 รองรับความเร็ว Archives

เว็บไซต์นี้ใช้คุกกี้เพื่อปรับปรุงประสบการณ์ของคุณในขณะที่คุณสำรวจเว็บไซต์ จากคุกกี้เหล่านี้ คุกกี...

อ่านเพิ่มเติม