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

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

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

แผง

ค้นพบประสิทธิภาพของแผงเครื่องมือสำหรับนักพัฒนาเว็บแต่ละแผง

องค์ประกอบ - DOM

เรียนรู้วิธีดูและเปลี่ยนแปลง DOM ของหน้าเว็บ
อ่านเอกสาร

องค์ประกอบ - CSS

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

ข้อมูลอ้างอิงการตั้งค่า