เคล็ดลับเครื่องมือสำหรับนักพัฒนาเว็บ: วิธีเร่งเวิร์กโฟลว์ให้เร็วขึ้นด้วยทางลัดของคอนโซล

Sofia Emelianova

Console Utiities API ช่วยให้คุณเพิ่มความเร็วในการแก้ไขข้อบกพร่องได้โดยใช้แป้นพิมพ์ลัดที่หลากหลาย

Console Utiities API ช่วยให้คุณทำสิ่งต่อไปนี้ได้

• หยุดพิมพ์คำสั่งยาวๆ อย่าง document.querySelector() และใช้แป้นพิมพ์ลัด $ แบบ jQuery เพื่อระบุองค์ประกอบแทน
• ดูองค์ประกอบ DOM 5 รายการสุดท้ายที่คุณเลือกในแผงองค์ประกอบ
• อ้างถึงองค์ประกอบอย่างรวดเร็วตาม XPath ซึ่งคุณคัดลอกได้ในแผงองค์ประกอบ
• ค้นหาออบเจ็กต์โดยใช้ตัวสร้าง
• แสดงเฉพาะคีย์หรือค่าของออบเจ็กต์
• คัดลอกสตริงที่แสดงออบเจ็กต์ไปยังคลิปบอร์ด
• รับ Listener เหตุการณ์
• ตรวจสอบเหตุการณ์และการเรียกใช้ฟังก์ชัน

ดูรายการทางลัดทั้งหมดของ Console Utiities API ได้ที่เอกสารอ้างอิงสำหรับ Console Utiities API