ข้ามไปที่เนื้อหาหลัก
Chrome for Developers
ค้นหาแรงบันดาลใจ บล็อก เอกสาร
  • สร้างสรรค์ด้วย Chrome
  • ดูวิธีการทํางานของ Chrome เข้าร่วมช่วงทดลองใช้จากต้นทาง และสร้างด้วย Chrome ได้ทุกที่
  • แพลตฟอร์มแบบเว็บ
  • ความสามารถ
  • ChromeDriver
  • Extensions
  • Chrome Web Store
  • Chromium
  • Aurora
  • เว็บบน Android
  • ช่วงทดลองใช้จากต้นทาง
  • บันทึกประจำรุ่น
  • ประสิทธิภาพการทำงาน
  • สร้างประสบการณ์ที่ดีที่สุดสำหรับผู้ใช้ของคุณด้วยเครื่องมือที่ดีที่สุดบนเว็บ
  • DevTools
  • ประภาคาร
  • รายงาน Chrome UX
  • การเข้าถึง
  • ทำสิ่งต่างๆ ได้รวดเร็วและเป็นระเบียบยิ่งขึ้นด้วยคลังแบบสำเร็จรูปของเรา
  • Workbox
  • นักเชิดหุ่นกระบอก
  • ประสบการณ์การใช้งาน
  • ออกแบบเว็บที่สวยงามและมีประสิทธิภาพด้วย Chrome
  • AI
  • ประสิทธิภาพ
  • CSS และ UI
  • Identity
  • การชำระเงิน
  • ความเป็นส่วนตัวและความปลอดภัย
  • ทรัพยากร
  • ข้อมูลเพิ่มเติมจาก Chrome และ Google
  • เอกสารประกอบทั้งหมด
  • เกณฑ์พื้นฐาน
  • web.dev
  • การตรวจสอบ PageSpeed Insights
  • Privacy Sandbox
ใหม่ใน Chrome
/
  • English
  • Deutsch
  • Español – América Latina
  • Français
  • Indonesia
  • Italiano
  • Nederlands
  • Polski
  • Português – Brasil
  • Tiếng Việt
  • Türkçe
  • Русский
  • עברית
  • العربيّة
  • فارسی
  • हिंदी
  • বাংলা
  • ภาษาไทย
  • 中文 – 简体
  • 中文 – 繁體
  • 日本語
  • 한국어
  • Chrome DevTools
DevTools เริ่มใช้งาน ความช่วยเหลือจาก AI
  • ค้นหาแรงบันดาลใจ
  • เริ่มใช้งาน
  • การจัดรูปแบบ
  • เครือข่าย
  • แหล่งที่มา
  • ประสิทธิภาพ
แผง
  • ยอดนิยม
  • องค์ประกอบ
  • คอนโซล
  • ประภาคาร
  • หน่วยความจำ
  • เครือข่าย
  • ประสิทธิภาพ
  • โปรแกรมบันทึก
  • การแสดงผล
  • ความปลอดภัย
  • แหล่งที่มา
  • ทั้งหมด
  • ป้อนข้อความอัตโนมัติ
  • ภาพเคลื่อนไหว
  • แอปพลิเคชัน
  • การเปลี่ยนเส้นทาง
  • พื้นที่ครอบคลุม
  • ภาพรวม CSS
  • แหล่งข้อมูลสำหรับนักพัฒนาแอป
  • ปัญหา
  • เลเยอร์
  • ประภาคาร
  • สื่อ
  • เครื่องมือตรวจสอบหน่วยความจำ
  • เงื่อนไขของเครือข่าย
  • การบล็อกคำขอของเครือข่าย
  • เครื่องมือตรวจสอบประสิทธิภาพ
  • การตรวจสอบโปรโตคอล
  • แหล่งที่มาด่วน
  • เซ็นเซอร์
  • WebAudio
  • WebAuthn
  • มีอะไรใหม่
การตั้งค่า การเข้าถึง
Chrome for Developers
  • ค้นหาแรงบันดาลใจ
  • บล็อก
  • เอกสาร
    • เพิ่มเติม
    • DevTools
    • เริ่มใช้งาน
    • ความช่วยเหลือจาก AI
      • เพิ่มเติม
    • แผง
      • เพิ่มเติม
    • การตั้งค่า
    • การเข้าถึง
  • ใหม่ใน Chrome
  • องค์ประกอบ
  • ภาพรวม
  • DOM
    • ดูและเปลี่ยน DOM
    • ดูพร็อพเพอร์ตี้ของออบเจ็กต์ DOM
    • ข้อมูลอ้างอิงเกี่ยวกับป้าย
  • CSS
    • ดูและเปลี่ยน CSS
    • ค้นหา CSS ที่ไม่ถูกต้อง ลบล้าง ไม่ได้ใช้งาน และ CSS อื่นๆ
    • ตรวจสอบและแก้ไขข้อบกพร่องด้วยตัวเลือกสี
    • ตรวจสอบเลย์เอาต์ตารางกริด
    • ตรวจสอบและแก้ไขข้อบกพร่องของเลย์เอาต์ Flexbox
    • ตรวจสอบและแก้ไขข้อบกพร่องของการค้นหาคอนเทนเนอร์
    • ข้อมูลอ้างอิงฟีเจอร์
  • คอนโซล
  • ภาพรวม
  • ทําความเข้าใจข้อผิดพลาดและคําเตือนด้วยข้อมูลเชิงลึกของคอนโซล
  • ข้อความในบันทึก
  • เรียกใช้ JavaScript
  • ดู JavaScript แบบเรียลไทม์
  • จัดรูปแบบและจัดรูปแบบข้อความ
  • ข้อมูลอ้างอิงฟีเจอร์
  • การอ้างอิง API
  • เอกสารอ้างอิง API ยูทิลิตี
  • แหล่งที่มา
  • ภาพรวม
  • ดีบัก JavaScript
  • หยุดโค้ดชั่วคราวด้วยเบรกพอยท์
  • เรียกใช้ข้อมูลโค้ด JavaScript
  • แก้ไขข้อบกพร่องของโค้ดต้นฉบับแทนที่จะใช้กับการแมปแหล่งที่มา
  • ส่วนขยายการแมปแหล่งที่มาของ ignoreList
  • ตั้งค่าพื้นที่ทํางานเพื่อบันทึกการเปลี่ยนแปลงในไฟล์ต้นฉบับ
  • ลบล้างเนื้อหาเว็บและส่วนหัวการตอบกลับ HTTP ภายในเครื่อง
  • ข้อมูลอ้างอิงการดีบัก JavaScript
  • แก้ไขข้อบกพร่อง C/C++ WebAssembly
  • เครือข่าย
  • ภาพรวม
  • ตรวจสอบกิจกรรมเครือข่าย
  • ข้อมูลอ้างอิงฟีเจอร์
  • ดูทรัพยากรของหน้า
  • ประสิทธิภาพ
  • ภาพรวม
  • วิเคราะห์ประสิทธิภาพของรันไทม์
  • กำกับเนื้อหาและแชร์สิ่งที่พบเกี่ยวกับประสิทธิภาพ
  • ข้อมูลอ้างอิงฟีเจอร์
  • การอ้างอิงเหตุการณ์ในไทม์ไลน์
  • วิเคราะห์ประสิทธิภาพของตัวเลือก CSS
  • ประสิทธิภาพ Node.js ของโปรไฟล์
  • ปรับแต่งข้อมูลประสิทธิภาพด้วย API การขยายการใช้งาน
  • รับข้อมูลเชิงลึกที่นำไปใช้ได้จริงเกี่ยวกับประสิทธิภาพของเว็บไซต์
  • ประภาคาร
  • เพิ่มความเร็วเว็บ
  • หน่วยความจำ
  • ภาพรวม
  • คำศัพท์เกี่ยวกับหน่วยความจำ
  • แก้ปัญหาเกี่ยวกับหน่วยความจำ
  • บันทึกฮีพสแนปชอต
  • เครื่องมือเครื่องมือสร้างโปรไฟล์การจัดสรร
  • แอปพลิเคชัน
  • ภาพรวม
  • แก้ไขข้อบกพร่อง Progressive Web App
  • ดูและแก้ไข
    • พื้นที่จัดเก็บข้อมูลในเครื่อง
    • พื้นที่เก็บข้อมูลเซสชัน
    • พื้นที่เก็บข้อมูลสำหรับส่วนขยาย
    • ข้อมูล IndexedDB
    • ข้อมูล SQL ในเว็บ
  • ดู เพิ่ม แก้ไข และลบคุกกี้
  • ดูข้อมูลแคช
  • ทดสอบการแคชย้อนหลัง
  • การแก้ไขข้อบกพร่องของกฎการคาดการณ์
  • แก้ไขข้อบกพร่องบริการที่ทำงานอยู่เบื้องหลัง
  • ดูรายละเอียดเฟรม
  • ดูข้อมูลแคชของแอปพลิเคชัน
  • โปรแกรมบันทึก
  • ภาพรวม
  • บันทึก เล่นซ้ำ และวัดความไหลลื่นของผู้ใช้
  • ข้อมูลอ้างอิงฟีเจอร์
  • ปรับแต่งโปรแกรมอัดเสียงด้วยส่วนขยาย
  • การแสดงผล
  • ภาพรวม
  • ค้นพบปัญหาเกี่ยวกับประสิทธิภาพการแสดงผล
  • จำลองฟีเจอร์สื่อ CSS
  • ใช้เอฟเฟกต์การแสดงภาพ
  • แผงเพิ่มเติม
  • ตรวจสอบและแก้ไขข้อบกพร่องของที่อยู่ที่บันทึกไว้ด้วยแผงการป้อนข้อความอัตโนมัติ
  • ทำความเข้าใจปัญหาด้านความปลอดภัยด้วยแผงความปลอดภัย
  • จำลองเซ็นเซอร์อุปกรณ์ด้วยแผงเซ็นเซอร์
  • ดูเมตริก WebAudio API ด้วยแผง WebAudio
  • จำลอง Authenticator ด้วยแผง WebAuthn
  • ตรวจสอบและแก้ไขภาพเคลื่อนไหวด้วยแผงภาพเคลื่อนไหว
  • ติดตามการเปลี่ยนแปลงใน HTML, CSS และ JavaScript ด้วยแผงการเปลี่ยนแปลง
  • ค้นหาและวิเคราะห์โค้ดที่ไม่ได้ใช้ด้วยแผงการครอบคลุม
  • ดูและโหลดการแมปแหล่งที่มาด้วยตนเองด้วยแผงทรัพยากรสำหรับนักพัฒนาซอฟต์แวร์
  • ระบุการปรับปรุง CSS ที่เป็นไปได้ด้วยแผงภาพรวม CSS
  • ค้นหาและแก้ไขปัญหาเกี่ยวกับแผงปัญหา
  • วิเคราะห์เลเยอร์ของเว็บไซต์ด้วยแผงเลเยอร์
  • แก้ไขข้อบกพร่องโปรแกรมเล่นสื่อด้วยแผงสื่อ
  • ตรวจสอบหน่วยความจำ ArrayBuffer, TypedArray, DataView หรือ Wasm ด้วยแผงเครื่องมือตรวจสอบหน่วยความจำ
  • ลบล้างสตริง User Agent ด้วยแผงเงื่อนไขเครือข่าย
  • เลือกบล็อกทรัพยากรด้วยแผงการบล็อกคำขอเครือข่าย
  • วิเคราะห์ประสิทธิภาพของรันไทม์แบบเรียลไทม์ด้วยแผงการตรวจสอบประสิทธิภาพ
  • ดูและส่งคำขอ CDP ด้วยแผงตรวจสอบโปรโตคอล
  • ดูไฟล์ต้นฉบับขณะเข้าถึงเครื่องมืออื่นๆ ด้วยแผงแหล่งที่มาด่วน
  • มีอะไรใหม่
  • การซ่อมแซมรีโมต
  • การแก้ไขข้อบกพร่องระยะไกลของอุปกรณ์ Android
  • เข้าถึงเซิร์ฟเวอร์ภายในและอินสแตนซ์ของ Chrome ด้วยการส่งต่อพอร์ต
  • การดีบัก WebView จากระยะไกล
  • การเข้าถึง
  • ข้อมูลอ้างอิงฟีเจอร์
  • คอนทราสต์และความอ่านง่าย
  • การเน้นองค์ประกอบการติดตาม
  • ไปยังส่วนต่างๆ ของเครื่องมือสำหรับนักพัฒนาเว็บด้วยเทคโนโลยีความช่วยเหลือพิเศษ
  • การตั้งค่า
  • ภาพรวม
  • การตั้งค่าทั้งหมด
    • ค่ากำหนด
    • Workspace
    • นวัตกรรม AI
    • การทดสอบ
    • รายการละเว้น
    • อุปกรณ์
    • การควบคุม
    • สถานที่ตั้ง
    • ทางลัด
  • ทรัพยากร
  • บล็อกสำหรับวิศวกร
  • สร้างสรรค์ด้วย Chrome
  • แพลตฟอร์มแบบเว็บ
  • ความสามารถ
  • ChromeDriver
  • Extensions
  • Chrome Web Store
  • Chromium
  • Aurora
  • เว็บบน Android
  • ช่วงทดลองใช้จากต้นทาง
  • บันทึกประจำรุ่น
  • ประสิทธิภาพการทำงาน
  • DevTools
  • ประภาคาร
  • รายงาน Chrome UX
  • การเข้าถึง
  • Workbox
  • นักเชิดหุ่นกระบอก
  • ประสบการณ์การใช้งาน
  • AI
  • ประสิทธิภาพ
  • CSS และ UI
  • Identity
  • การชำระเงิน
  • ความเป็นส่วนตัวและความปลอดภัย
  • ทรัพยากร
  • เอกสารประกอบทั้งหมด
  • เกณฑ์พื้นฐาน
  • web.dev
  • การตรวจสอบ PageSpeed Insights
  • Privacy Sandbox
  • ค้นหาแรงบันดาลใจ
  • เริ่มใช้งาน
  • การจัดรูปแบบ
  • เครือข่าย
  • แหล่งที่มา
  • ประสิทธิภาพ
  • ยอดนิยม
  • องค์ประกอบ
  • คอนโซล
  • ประภาคาร
  • หน่วยความจำ
  • เครือข่าย
  • ประสิทธิภาพ
  • โปรแกรมบันทึก
  • การแสดงผล
  • ความปลอดภัย
  • แหล่งที่มา
  • ทั้งหมด
  • ป้อนข้อความอัตโนมัติ
  • ภาพเคลื่อนไหว
  • แอปพลิเคชัน
  • การเปลี่ยนเส้นทาง
  • พื้นที่ครอบคลุม
  • ภาพรวม CSS
  • แหล่งข้อมูลสำหรับนักพัฒนาแอป
  • ปัญหา
  • เลเยอร์
  • ประภาคาร