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

ปัญหา Chromium: 1511813

การปรับปรุงองค์ประกอบ

เวอร์ชันนี้มีการปรับปรุงหลายอย่างในแผงองค์ประกอบ

นอกเหนือจาก 2 ฟีเจอร์ถัดไปแล้ว ตอนนี้แผงองค์ประกอบยังจดจำแท็บสุดท้ายที่คุณเปิดไว้ เช่น ที่คำนวณหรือคุณสมบัติ

ตอนนี้คุณแก้ไของค์ประกอบจำลอง ::view-transition ได้ใน "สไตล์"

ตอนนี้คุณแก้ไข::view-transitionองค์ประกอบจำลอง CSS ในรูปแบบได้แล้วโดยใช้สไตล์ชีตของเครื่องมือตรวจสอบ

โปรดดูข้อมูลเพิ่มเติมที่หัวข้อการเปลี่ยนภาพอย่างราบรื่นและง่ายดายด้วย View Transitions API

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

ที่พัก align-content รองรับคอนเทนเนอร์บล็อก

ตอนนี้พร็อพเพอร์ตี้ align-content ใช้งานได้กับคอนเทนเนอร์การบล็อกทุกประเภทแล้ว ซึ่งรวมถึง table-caption และ table-cell ก่อนหน้านี้ ฟีเจอร์นี้ใช้ได้กับตารางกริดและ Flex เท่านั้น

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

แป้นพิมพ์ลัดและคำสั่งใหม่ในแหล่งที่มา

ตอนนี้คุณสามารถกด Cmd (Mac) / Ctrl (Win) + Shift + คลิกหมายเลขบรรทัดในแหล่งที่มาเพื่อสร้างจุดบันทึกได้แล้ว แป้นพิมพ์ลัดนี้เป็นส่วนเสริมของ Cmd (Mac) / Ctrl (Win) + คลิกจุดพักแบบมีเงื่อนไขที่มีอยู่แล้ว

เมนูคำสั่งจะได้รับคำสั่งใหม่อย่างแสดงไฟล์ที่ใช้งานอยู่ในแถบด้านข้างของตัวนำทาง ซึ่งทำงานเหมือนกับตัวเลือกที่เกี่ยวข้องในเมนูแบบเลื่อนลงของเครื่องมือแก้ไข

ปัญหาเกี่ยวกับ Chromium: 1486933, 1467464

การรองรับท่าทางสำหรับอุปกรณ์แบบพับได้ที่จำลอง

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

นอกจากนี้ รายการอุปกรณ์จะมีอุปกรณ์แบบพับได้ใหม่ซึ่งจำลองขึ้นมา ได้แก่ Asus Zenbook Fold

ปัญหา Chromium: 1066842

ธีมแบบไดนามิก

ตอนนี้เครื่องมือสำหรับนักพัฒนาเว็บจะจับคู่ธีมสีของ Chrome โดยอัตโนมัติ วิธีตั้งค่าธีม

1. เปิดแท็บใหม่แล้วคลิกแก้ไข ปรับแต่ง Chrome ที่มุมขวาล่าง
2. ในส่วนลักษณะที่ปรากฏ ให้เลือกธีมผ่านวอลเปเปอร์ เปลี่ยนธีม หรือเลือกชุดสี

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

คําเตือนเกี่ยวกับการเลิกใช้งานคุกกี้ของบุคคลที่สามในแผงเครือข่ายและแอปพลิเคชัน

ตอนนี้ทั้งแผงเครือข่ายและแอปพลิเคชันจะไฮไลต์และแสดงคำเตือนข้างคุกกี้ที่ได้รับผลกระทบจากข้อจำกัดของบุคคลที่สามจากการป้องกันการติดตาม

ในเครือข่าย ให้ค้นหาคำขอที่มีไอคอนคำเตือนคำเตือน แล้วคลิกที่คำขอนั้น แล้วเปิดแท็บคุกกี้

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

วางเมาส์เหนือไอคอนคำเตือนเพื่อดูเคล็ดลับเครื่องมือที่อธิบายปัญหา แล้วคลิกไอคอนเพื่อเปิดแท็บปัญหาที่มีข้อมูลเพิ่มเติม

นอกจากนี้ ระบบจะจัดเรียงคุกกี้ในตารางตามชื่อโดยค่าเริ่มต้น

ปัญหาเกี่ยวกับ Chromium: 1506225, 1503961

Lighthouse 11.4.0

ตอนนี้แผง Lighthouse ทำงานด้วย Lighthouse 11.4.0 แล้ว ดูรายการการเปลี่ยนแปลงทั้งหมด การเปลี่ยนแปลงที่เห็นได้ชัดอย่างหนึ่งคือการตรวจสอบใหม่ที่ช่วยให้คุณตรวจได้ว่าเว็บไซต์ของคุณยังคงใช้คุกกี้ของบุคคลที่สามอยู่หรือไม่

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

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

การช่วยเหลือพิเศษ

เวอร์ชันนี้มีการปรับปรุงการช่วยเหลือพิเศษดังต่อไปนี้

• เมื่อเปิดการตั้งค่า การตั้งค่า > การทดสอบ ช่องค้นหาจะอยู่ในโฟกัสโดยอัตโนมัติ
• ตอนนี้ปุ่มยกเลิก ล้างข้อมูลในเครือข่าย > ตัวกรองสามารถโฟกัสได้แล้ว
• ตอนนี้แผนภูมิต้นไม้ของไฟล์ในแหล่งที่มา > หน้าเว็บแสดงอย่างถูกต้องในโหมดคอนทราสต์สูงแล้ว
• ตอนนี้โปรแกรมอ่านหน้าจอจะอ่านออกเสียงสิ่งต่อไปนี้ได้อย่างถูกต้อง
  • สถานะของช่องทําเครื่องหมายในแหล่งที่มา > จุดหยุดพัก
  • ข้อมูลตำแหน่งและดัชนีสำหรับรายการคำแนะนำ
  • ผลลัพธ์ของการดําเนินการเมื่อเพิ่มหรือลบสถานที่ในการตั้งค่า การตั้งค่า > สถานที่
  • กลุ่มของกฎการยกเว้น (ทั่วไปหรือที่กำหนดเอง) ในการตั้งค่า การตั้งค่า > รายการละเว้น

ปัญหาเกี่ยวกับ Chromium: 1504938, 1499868, 1512161, 1515224, 1515418, 1516998, 1517015

ไฮไลต์อื่นๆ

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

• ภาพเคลื่อนไหว:
  • แก้ไขข้อบกพร่องเกี่ยวกับการแสดงผลของป๊อปอัปภาพหน้าจอที่ขอบเขต (1506991)
  • แก้ไขข้อบกพร่องที่โหนดภาพเคลื่อนไหวที่นําออกไม่ได้ทําเครื่องหมายว่านําออกแล้ว (1506561)
• เครือข่าย:
  • การลบล้างส่วนหัว: แก้ไขข้อบกพร่องที่มีไอคอนจุดสีม่วงปลอมในแท็บส่วนหัว (1507856)
  • แสดงตัวอย่าง: แก้ไขข้อบกพร่องที่มีการถอดรหัสแบบ 2 ครั้งโดยไม่จำเป็น (1509336)
  • แก้ไขข้อบกพร่องที่ทำให้คำขอ Shorts ไม่แสดง (1509862)
• แอปพลิเคชัน > IndexedDB: จัดเรียงปุ่มในแถบการดำเนินการใหม่เพื่อให้สอดคล้องกับแผงอื่นๆ (1393800)
• เซ็นเซอร์: แก้ไขข้อบกพร่องเกี่ยวกับการโทรกลับที่ไม่ถูกต้องซึ่งสำเร็จเนื่องจากตำแหน่งไม่พร้อมใช้งาน (1486859)
• ประสิทธิภาพ
  • ตอนนี้ปุ่มเก็บขยะมีไอคอนที่เหมาะสมแล้ว ซึ่งก็คือ "ไม้ถูพื้น" แทน "ถังขยะ" (1507530)
  • ตอนนี้การติดตามประสิทธิภาพจะเก็บข้อมูลไว้เมื่อไปยัง about:blank (1509947)

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

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

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

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

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

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

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