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

Sofia Emelianova
Sofia Emelianova

ปรับปรุงส่วน @property ในองค์ประกอบ > สไตล์

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

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

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

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

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

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

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

ปัญหา Chromium: 1473283

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

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

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

ปัญหา Chromium: 1479733

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

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

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

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

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

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

ลักษณะก่อนและหลังที่รองรับการเติมข้อความอัตโนมัติสำหรับช่องชั้นเรียนส่วนตัวที่อยู่นอกขอบเขตชั้นเรียน

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

Lighthouse 11.1.0

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ปัญหา Chromium: 1476656

ไฮไลต์อื่นๆ

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

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

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

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

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

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

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

รายการทุกอย่างที่ครอบคลุมในชุดมีอะไรใหม่ใน DevTools