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

แก้ไขข้อบกพร่องด้วย AI

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

เชื่อมต่อเซิร์ฟเวอร์ Chrome DevTools MCP (Model Context Protocol) กับเครื่องมือที่คุณเลือก เช่น Antigravity, Claude Code, Cline, Copilot และอื่นๆ

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

เคล็ดลับเกี่ยวกับเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์

ดูซีรีส์วิดีโอรายเดือนของเราที่จะพาคุณไปดูสถานการณ์การแก้ไขข้อบกพร่องทั่วไปในเครื่องมือสำหรับนักพัฒนาเว็บอย่างสนุกสนาน
เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome สำหรับเอเจนต์ช่วยให้เอเจนต์ยืนยันเลย์เอาต์ที่ตอบสนอง ทดสอบ API ที่รับรู้ตำแหน่ง และจำลองความเร็ว CPU หรือเครือข่ายที่แตกต่างกันได้
Lighthouse ในเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome สำหรับ Agent ช่วยให้ Agent การเขียนโค้ดประเมินคุณภาพเว็บไซต์ได้โดยการตรวจสอบสถานะแบบเรียลไทม์เพื่อดูความสามารถในการเข้าถึง, SEO, แนวทางปฏิบัติแนะนำ และการท่องเว็บแบบ Agent
มาดูทัวร์ชมแผงประสิทธิภาพที่อัปเดตแล้ว ซึ่งจะแสดงวิธีวัด Core Web Vitals (LCP, CLS, INP) และวิธีรับคำแนะนำที่ปรับให้เหมาะกับคุณจาก Gemini
ออกทะเลไปกับเครื่องมือสำหรับนักพัฒนาเว็บและกลายเป็นโจรสลัดนักแก้จุดบกพร่องกันเถอะ ดูเทคนิคในการจำลองรูปแบบโฟกัส ทดสอบแบบฟอร์มด้วยการป้อนข้อความอัตโนมัติ และแก้ไขข้อผิดพลาดในแบ็กเอนด์ด้วยการลบล้างเครือข่าย

ดูข้อมูลเชิงลึกเกี่ยวกับประสิทธิภาพ

เครื่องมือที่หลากหลายที่จะช่วยคุณวัดและเพิ่มประสิทธิภาพด้านต่างๆ ของรันไทม์ เช่น แผงประสิทธิภาพ, Lighthouse และอื่นๆ