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

Sofia Emelianova
Sofia Emelianova
GitHub

ส่วน @property ที่ปรับปรุงแล้วใน Elements > Styles

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

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

ก่อนและหลังทําให้กฎพร็อพเพอร์ตี้แก้ไขได้

ปัญหาใน Chromium: 1471123

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

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

ปัญหาเกี่ยวกับกฎพร็อพเพอร์ตี้ที่รายงานในแท็บปัญหา

ปัญหาใน Chromium: 1473283

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

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

ก่อนและหลังการอัปเดตรายการอุปกรณ์

ปัญหาใน Chromium: 1479733

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

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

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

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

ป้อนฟิลด์ส่วนตัวโดยอัตโนมัติใน Console

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

การเติมข้อความอัตโนมัติก่อนและหลังสำหรับฟิลด์ชั้นเรียนส่วนตัวนอกขอบเขตของชั้นเรียน

ปัญหาใน Chromium: 1483848, 1381806

Lighthouse 11.1.0

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

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

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

การปรับปรุงการช่วยเหลือพิเศษ

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

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

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

ปัญหาใน Chromium: 1485257, 1486643, 1485263

การเลิกใช้งาน SQL ของเว็บ

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

คำเตือนการเลิกใช้งาน SQL ในเว็บ

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

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

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

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

คำเตือนเกี่ยวกับสัดส่วนภาพที่ไม่ถูกต้องของภาพหน้าจอที่มีรูปแบบเดียวกัน

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

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

ปัญหาใน Chromium: 1476656

ไฮไลต์อื่นๆ

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

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

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

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

ติดต่อทีมเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome

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

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

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