เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome มีเครื่องมืออันทรงพลังมากมายที่ช่วยให้คุณตรวจสอบและปรับปรุงเว็บแอปพลิเคชันได้อย่างละเอียด
วิดีโอต่อไปนี้แสดงภาพรวมของเครื่องมือพื้นฐาน 6 อย่าง ได้แก่ ปุ่มตรวจสอบและโหมดอุปกรณ์ รวมถึงแผงองค์ประกอบ คอนโซล แหล่งที่มา และเครือข่าย นอกจากนี้ คุณยังจะได้เรียนรู้เกี่ยวกับแท็บสไตล์และวิธีปรับแต่งเครื่องมือสำหรับนักพัฒนาเว็บ
ดูวิดีโอเพื่อดูวิธีดำเนินการต่อไปนี้
- ตรวจสอบและแก้ไของค์ประกอบ DOM
- แสดงภาพและเปลี่ยนขนาดขององค์ประกอบด้วยโมเดลกล่อง
- ดูว่าหน้าเว็บมีลักษณะอย่างไรบนอุปกรณ์เคลื่อนที่
- ระบุข้อผิดพลาด JavaScript ด้วยแผงคอนโซล
- แก้ไขข้อบกพร่องของ JavaScript โดยใช้จุดหยุดในแผงแหล่งที่มา
- วิเคราะห์และกรองกิจกรรมเครือข่ายในแผงเครือข่าย
- จำลองความเร็วการเชื่อมต่อที่ช้าลง
- ปรับแต่ง DevTools
ดูภาพรวมเชิงลึกได้ที่ภาพรวมของเครื่องมือสำหรับนักพัฒนาเว็บ