มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 119)

ปรับปรุงส่วน @property ในองค์ประกอบ > รูปแบบ

กฎ @property ที่แก้ไขได้

ในตอนนี้คุณสามารถแก้ไขกฎแอตทริบิวต์ @property ของ CSS ในส่วนที่เกี่ยวข้องในองค์ประกอบ > ได้แล้ว แผงรูปแบบ

ปัญหาเกี่ยวกับ Chromium: 1471123

มีการรายงานปัญหาที่มีกฎ @property ที่ไม่ถูกต้อง

ขณะนี้แท็บปัญหาจะรายงานปัญหาเกี่ยวกับการประกาศที่ไม่ถูกต้องในกฎ @property รายการ

ปัญหา Chromium: 1473283

อัปเดตรายการอุปกรณ์ที่จะจำลองแล้ว

สตริง User Agent ใน การตั้งค่า > อุปกรณ์ได้รับการอัปเดตให้สอดคล้องกับการใช้งานเบราว์เซอร์และระบบปฏิบัติการโดยเฉลี่ย ตอนนี้คุณจำลองอุปกรณ์เวอร์ชันล่าสุดเพิ่มเติมได้ในโหมดอุปกรณ์

ปัญหา Chromium: 1479733

JSON ในบรรทัดที่จัดรูปแบบอย่างชัดเจนในแท็กสคริปต์ในแหล่งที่มา

ตอนนี้แผงแหล่งที่มารองรับ JSON ในบรรทัดที่มีการจัดรูปแบบที่สวยงามในแท็ก HTML <script> แล้ว เพื่อให้แก้ไขข้อบกพร่องได้ง่ายขึ้น

ปัญหาเกี่ยวกับ Chromium: 406900, 1473875

เติมช่องส่วนตัวโดยอัตโนมัติในคอนโซล

คุณสามารถเติมช่องชั้นเรียนส่วนตัวโดยอัตโนมัติเมื่อประเมินนอกขอบเขตชั้นเรียนได้ในคอนโซล

ปัญหาเกี่ยวกับ Chromium: 1483848, 1381806

Lighthouse 11.1.0

ตอนนี้แผง Lighthouse จะเรียกใช้ Lighthouse 11.1.0 แล้ว ดูรายการการเปลี่ยนแปลงทั้งหมด

ดูข้อมูลเบื้องต้นในการใช้แผง Lighthouse ใน DevTools ได้ที่ Lighthouse: เพิ่มประสิทธิภาพความเร็วเว็บไซต์

ปัญหาเกี่ยวกับ Chromium: 772558

ปรับปรุงการเข้าถึง

โปรแกรมอ่านหน้าจอจะอ่านข้อมูลต่อไปนี้

• คำเตือนและข้อผิดพลาดในคอนโซล
• ข้อความในกล่องโต้ตอบคุณเชื่อถือโค้ดนี้ไหม เมื่อวางโค้ดลงในคอนโซลหรือแหล่งที่มา

นอกจากนี้ แผงแอปพลิเคชันยังแก้ปัญหาคอนทราสต์ของลิงก์ในโหมดคอนทราสต์สูงได้ด้วย

ปัญหาเกี่ยวกับ Chromium: 1485257, 1486643, 1485263

การเลิกใช้งาน Web SQL

แอปพลิเคชัน > ระบบจะนำส่วน SQL ในเว็บออกจาก Chrome 123 เนื่องจากระบบไม่ได้รับการบำรุงรักษา API ฐานข้อมูล SQL ในเว็บอีกต่อไป เวอร์ชันนี้เพิ่มคำเตือนลงในส่วนเกี่ยวกับการนำออกที่กำลังจะเกิดขึ้น

ดูข้อมูลเพิ่มเติมได้ที่การเลิกใช้งานและการนำ Web SQL ออก

ปัญหาเกี่ยวกับ Chromium: 1485966

การตรวจสอบสัดส่วนภาพของภาพหน้าจอในแอปพลิเคชัน > ไฟล์ Manifest

แอปพลิเคชัน > ตอนนี้ส่วนไฟล์ Manifest จะตรวจสอบว่าภาพหน้าจอของเว็บแอปที่มีรูปแบบของอุปกรณ์เดียวกัน (wide หรือ narrow) มีสัดส่วนภาพเท่ากันหรือไม่

โปรดดูข้อมูลเพิ่มเติมที่แก้ไขข้อบกพร่อง Progressive Web App และเพิ่มไฟล์ Manifest ของเว็บแอป

ทีมเครื่องมือสำหรับนักพัฒนาเว็บขอแสดงความขอบคุณ Alexey Rodionov ที่ทำการเปลี่ยนแปลงนี้ และการปรับปรุงคำเตือนไฟล์ Manifest อื่นๆ ในเวอร์ชันก่อนหน้า

ปัญหาเกี่ยวกับ Chromium: 1476656

ไฮไลต์เบ็ดเตล็ด

การแก้ไขและการปรับปรุงที่น่าสนใจในรุ่นนี้มีดังนี้

• องค์ประกอบ
  • ตัวอย่างฟังก์ชันการจับเวลาภาพเคลื่อนไหวไม่แสดงสำหรับพร็อพเพอร์ตี้ CSS แบบ Longhand ภายใต้พร็อพเพอร์ตี้ Shorts แบบขยายได้ (1149182)
  • ตอนนี้การเติมข้อความอัตโนมัติสำหรับ contain-intrinsic-* ไม่ได้ระบุค่า auto เดี่ยวที่ไม่ถูกต้อง เนื่องจากควรเป็น auto <length> (1480415)
  • ระบบเลิกรองรับพร็อพเพอร์ตี้ -webkit-* ที่เลิกใช้งานแล้วและไม่ถูกต้อง (1086089, 1030765)
• เบรกพอยท์: แก้ไขข้อบกพร่องของกล่องโต้ตอบการแก้ไขเบรกพอยท์ที่หายไปเมื่อเปลี่ยนประเภทเบรกพอยท์ (1485782)
• ประสิทธิภาพ:
  • ข้อผิดพลาดในการแยกวิเคราะห์สีระหว่างการบันทึกประสิทธิภาพได้รับการแก้ไขแล้ว (1480205)
  • แก้ไขข้อบกพร่องที่ LCP ไม่แสดงในแทร็กการจับเวลา (1487136)
• เครือข่าย: ตอนนี้คอลัมน์ตั้งค่าคุกกี้จะแสดงจำนวนคุกกี้ที่ถูกต้องซึ่งตั้งค่าไว้ ยกเว้นที่ถูกบล็อก (1486903)
• ตอนนี้ส่วนขยายเครื่องมือสำหรับนักพัฒนาเว็บจะโหลดขึ้นหลังจากที่มีการไปยังโฮสต์ที่ไม่ถูกบล็อก (1476264)
• แก้ไขข้อบกพร่องในบริบทของการเรียกใช้สคริปต์ที่ไม่ถูกต้องสำหรับส่วนขยาย (1275331)

ดาวน์โหลดเวอร์ชันตัวอย่าง

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

ติดต่อทีม Chrome DevTools

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

• ส่งข้อเสนอแนะหรือความคิดเห็นถึงเราทาง crbug.com
• รายงานปัญหาเกี่ยวกับเครื่องมือสำหรับนักพัฒนาเว็บโดยใช้ตัวเลือกเพิ่มเติม   > ความช่วยเหลือ > รายงานปัญหาเกี่ยวกับเครื่องมือสำหรับนักพัฒนาเว็บในเครื่องมือสำหรับนักพัฒนาเว็บ
• ทวีตที่ @ChromeDevTools
• แสดงความคิดเห็นว่ามีอะไรใหม่ในวิดีโอ YouTube เครื่องมือสำหรับนักพัฒนาเว็บ หรือวิดีโอ YouTube สำหรับเครื่องมือสำหรับนักพัฒนาเว็บ

มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ

รายการข้อมูลทั้งหมดที่ครอบคลุมในซีรีส์มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ