เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome คือชุดเครื่องมือสําหรับนักพัฒนาเว็บที่สร้างขึ้นในเบราว์เซอร์ Google Chrome โดยตรง เครื่องมือสำหรับนักพัฒนาเว็บช่วยให้คุณแก้ไขหน้าเว็บได้อย่างรวดเร็วและวินิจฉัยปัญหาได้อย่างรวดเร็ว ซึ่งช่วยให้คุณสร้างเว็บไซต์ที่ดีขึ้นและรวดเร็วขึ้นได้
วิธีต่างๆ ที่คุณจะใช้เปิดเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome ได้
ติดตามการเปลี่ยนแปลงล่าสุดของเครื่องมือสำหรับนักพัฒนาเว็บ
ชุดวิดีโอสั้นๆ ที่จะช่วยให้คุณเรียนรู้ฟีเจอร์ต่างๆ ในเครื่องมือสำหรับนักพัฒนาเว็บ

คำสั่งและทางลัด

ทำงานเสร็จอย่างรวดเร็ว
เปิดเมนูคำสั่ง เรียกใช้คำสั่ง เปิดไฟล์ ดูการดำเนินการอื่นๆ และอีกมากมาย
ข้อมูลอ้างอิงที่ครอบคลุมเกี่ยวกับแป้นพิมพ์ลัด
ดูลักษณะและการทํางานของหน้าเว็บเมื่อปิดใช้ JavaScript
จำลองอุปกรณ์เพื่อสร้างเว็บไซต์ที่เน้นอุปกรณ์เคลื่อนที่เป็นหลัก
ค้นหาข้อความในทรัพยากรที่โหลดทั้งหมดด้วยแผงการค้นหา

แผง

ค้นพบประสิทธิภาพของแผงเครื่องมือสำหรับนักพัฒนาเว็บแต่ละแผง
เรียนรู้วิธีดูและเปลี่ยนแปลง DOM ของหน้าเว็บ
เรียนรู้วิธีดูและเปลี่ยนแปลง CSS ของหน้าเว็บ
บันทึกข้อความและเรียกใช้ JavaScript
ดูและแก้ไขไฟล์, สร้างข้อมูลโค้ด, แก้ไขข้อบกพร่อง JavaScript และตั้งค่าพื้นที่ทำงาน
บันทึกคำขอเครือข่าย
ประเมินประสิทธิภาพของเว็บไซต์
ค้นหาปัญหาเกี่ยวกับหน่วยความจำที่ส่งผลต่อประสิทธิภาพของหน้าเว็บ ซึ่งรวมถึงการรั่วไหลของหน่วยความจำ และอื่นๆ
ตรวจสอบ แก้ไข และแก้ไขข้อบกพร่องของเว็บแอป ทดสอบแคช ดูพื้นที่เก็บข้อมูล และอื่นๆ
บันทึก เล่นซ้ำ วัดความไหลลื่นของผู้ใช้ และแก้ไขขั้นตอน
ค้นพบคอลเล็กชันตัวเลือกที่ส่งผลต่อการแสดงเนื้อหาเว็บ
ตรวจสอบและแก้ไขข้อบกพร่องของที่อยู่ที่บันทึกไว้
ค้นหาและแก้ไขปัญหาเกี่ยวกับเว็บไซต์ของคุณ
ตรวจสอบว่าหน้าเว็บได้รับการป้องกันอย่างเต็มที่ด้วย HTTPS
ตรวจสอบ ArrayBuffer, TypedArray หรือ DataView ใน JavaScript รวมถึง WebAssembly และหน่วยความจำของแอป C++ Wasm
ทดสอบเว็บไซต์โดยการบล็อกคำขอของเครือข่าย
ดูข้อมูลและแก้ไขข้อบกพร่องของโปรแกรมเล่นสื่อตามแท็บเบราว์เซอร์
ตรวจสอบและแก้ไขภาพเคลื่อนไหว
ติดตามการเปลี่ยนแปลงใน HTML, CSS และ JavaScript
ค้นหาและวิเคราะห์โค้ด JavaScript และ CSS ที่ไม่ได้ใช้
ตรวจสอบว่าการแมปแหล่งที่มาโหลดสำเร็จหรือไม่ และโหลดด้วยตนเอง
ระบุการปรับปรุง CSS ที่สามารถทำได้
เพิ่มความเร็วเว็บไซต์ด้วยแผง Lighthouse
รับข้อมูลเชิงลึกที่นำไปใช้ได้จริงเกี่ยวกับประสิทธิภาพของเว็บไซต์
ตรวจสอบประสิทธิภาพการโหลดและรันไทม์
ดูและแก้ไขไฟล์ต้นฉบับพร้อมกับเข้าถึงแผงอื่นๆ ได้
จำลองเซ็นเซอร์ของอุปกรณ์
ดูเมตริก WebAudio API
จำลอง Authenticator