ใหม่ใน Chrome 127

Adriana Jara

สิ่งที่จำเป็นต้องทราบมีดังนี้

  • font-size-adjust ช่วยปรับปรุงความอ่านง่ายของแบบอักษรสำรอง
  • ตอนนี้การเปิดใช้งานของผู้ใช้จะได้รับการเผยแพร่ระหว่างเอกสารการแสดงภาพซ้อนภาพกับโปรแกรมเปิดไฟล์
  • ขณะนี้คอนเทนเนอร์แบบเลื่อนสามารถโฟกัสแป้นพิมพ์ได้โดยค่าเริ่มต้น
  • นอกจากนี้ยังมีอีกมากมาย

ฉันชื่อ Adriana Jara มาดูกันว่ามีอะไรใหม่สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 127

CSS font-size-adjust

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

รูปภาพต่อไปนี้แสดงความแตกต่างระหว่างแบบอักษร Verdana กับ Times แม้ว่าข้อความจะมีขนาดเท่ากัน

บรรทัดข้อความที่ระบุว่า "ข้อความนี้ใช้แบบอักษร Verdana (14 พิกเซล) ซึ่งมีตัวอักษรพิมพ์เล็กค่อนข้างใหญ่" และ "ข้อความนี้ใช้แบบอักษร Times (14 พิกเซล) ซึ่งอ่านได้ยากเมื่อเป็นขนาดที่เล็ก"

หากเว็บไซต์กลับไปใช้แบบอักษร Times จะทำให้อ่านได้ยากขึ้นมาก

พร็อพเพอร์ตี้ CSS font-size-adjust ช่วยคุณปรับขนาดแบบอักษรของแบบอักษรสำรองเพื่อให้ค่าสัดส่วน (ความสูงของตัวอักษรตัวพิมพ์เล็กหารด้วยขนาดแบบอักษร) สอดคล้องกัน เพื่อให้ข้อความปรากฏคล้ายกันไม่ว่าจะใช้แบบอักษรใดก็ตาม

ในรูปภาพต่อไปนี้ การใช้ font-size-adjust ช่วยให้แบบอักษร Verdana และ Times ยังคงอ่านได้ง่าย

   font-size-adjust: 0.545;

บรรทัดข้อความที่ระบุว่า "ข้อความนี้ใช้แบบอักษร Verdana (14 พิกเซล) ซึ่งมีตัวอักษรพิมพ์เล็กค่อนข้างใหญ่" "ข้อความนี้ใช้แบบอักษร Times (14 พิกเซล) ซึ่งอ่านได้ยากเมื่อเป็นขนาดที่เล็ก" และ "ข้อความนี้ในแบบอักษร Times ขนาด 14 พิกเซลได้รับการปรับให้มีค่าสัดส่วนเดียวกับแบบอักษร Verdana เพื่อให้แบบอักษรพิมพ์เล็กของทั้ง 2 แบบมีการปรับให้เป็นมาตรฐานเดียวกัน

เมื่อเปิดตัว font-size-adjust ใน Chrome ฟีเจอร์นี้จะกลายเป็นฟีเจอร์ใหม่ในเบราว์เซอร์พื้นฐาน โปรดอ่านรายละเอียดในCSS font-size-adjust พร้อมใช้งานในเบราว์เซอร์พื้นฐานแล้ว

การแสดงภาพซ้อนภาพในเอกสาร: เผยแพร่การเปิดใช้งานของผู้ใช้

ตอนนี้ Document Picture-in-Picture API จะเผยแพร่การเปิดใช้งานของผู้ใช้ระหว่างหน้าต่างการแสดงภาพซ้อนภาพเอกสารกับตัวเปิดหน้าต่างดังกล่าว

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

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

ดูรายละเอียดเพิ่มเติมได้ที่โหมดภาพในภาพสำหรับองค์ประกอบใดก็ได้ ไม่ใช่แค่ <video>

คอนเทนเนอร์เลื่อนที่โฟกัสได้ของแป้นพิมพ์

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

นับจากนี้ไป แถบเลื่อนจะโฟกัสได้โดยใช้โปรแกรมโดยค่าเริ่มต้น ก่อนการเปลี่ยนแปลงนี้ องค์ประกอบ Scroller จะได้รับการโฟกัสด้วยแท็บได้ก็ต่อเมื่อตั้งค่า tabindex เป็น 0 ขึ้นไปอย่างชัดเจน

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

แนวทางปฏิบัติแนะนำสำหรับการช่วยเหลือพิเศษจะบอกว่าฟีเจอร์ทั้งหมดต้องพร้อมใช้งานโดยใช้แป้นพิมพ์ แถบเลื่อนที่โฟกัสได้ของแป้นพิมพ์โดยค่าเริ่มต้นจะช่วยให้ผู้ใช้ใช้การไปยังส่วนต่างๆ ตามลำดับเพื่อเข้าถึงแถบเลื่อนได้ง่ายขึ้น

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

ดูรายละเอียดเพิ่มเติมในแถบเลื่อนที่โฟกัสได้ของแป้นพิมพ์

และอีกมากมาย

แถมยังมีอีกมากมาย

  • การเปลี่ยนมุมมองเอกสารเดียวกันพร้อมกันในเฟรมหลักและ iframe ต้นทางเดียวกันพร้อมใช้งานแล้ว

  • ตอนนี้ข้อความแสดงแทนที่สร้างขึ้นจากเนื้อหา CSS รองรับอาร์กิวเมนต์หลายรายการแล้ว

  • ตอนนี้แผงประสิทธิภาพของ DevTools จะบันทึกเหตุการณ์ของข้อความ WebSocket และแสดงในการติดตามประสิทธิภาพ

อ่านบันทึกประจำรุ่นฉบับเต็ม

อ่านเพิ่มเติม

เราพูดถึงไฮไลต์สำคัญเพียงบางส่วนเท่านั้น ตรวจสอบลิงก์ต่อไปนี้เพื่อดูการเปลี่ยนแปลง เพิ่มเติมใน Chrome 127

สมัครใช้บริการ

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

อ้าว คุณ Adriana Jara แล้ว ทันทีที่ Chrome 127 เปิดตัว ฉันจะมาบอกว่ามีอะไรใหม่ใน Chrome