ใหม่ใน Chrome 127

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

  • 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 ทันทีที่ Chrome 127 เปิดตัว