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