สิ่งที่จำเป็นต้องทราบมีดังนี้
font-size-adjust
ช่วยปรับปรุงความอ่านง่ายของแบบอักษรสำรอง- ตอนนี้ระบบจะส่งต่อการเปิดใช้งานของผู้ใช้ระหว่างเอกสารแบบภาพในภาพกับโปรแกรมเปิดเอกสารเหล่านั้น
- ตอนนี้คอนเทนเนอร์การเลื่อนจะโฟกัสได้ด้วยแป้นพิมพ์โดยค่าเริ่มต้น
- และยังมีอีกมากมาย
ฉันชื่อ Adriana Jara มาเจาะลึกกันว่ามีอะไรใหม่สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 127
CSS font-size-adjust
ความอ่านง่ายของเว็บไซต์อาจลดลงเมื่อแบบอักษรตระกูลที่เลือกเป็นอันดับแรกไม่พร้อมใช้งานและแบบอักษรสำรองมีค่าแอตทริบิวต์ที่แตกต่างออกไปอย่างมาก
รูปภาพต่อไปนี้แสดงความแตกต่างระหว่างแบบอักษร Verdana กับ Times แม้ว่าข้อความจะมีขนาดเท่ากัน
หากเว็บไซต์กลับไปใช้แบบอักษร Times จะทำให้อ่านได้ยากขึ้นมาก
พร็อพเพอร์ตี้ CSS font-size-adjust
ช่วยคุณปรับขนาดแบบอักษรของแบบอักษรสำรองเพื่อให้ค่าสัดส่วน (ความสูงของตัวอักษรตัวพิมพ์เล็กหารด้วยขนาดแบบอักษร) สอดคล้องกัน เพื่อให้ข้อความปรากฏคล้ายกันไม่ว่าจะใช้แบบอักษรใดก็ตาม
ในรูปภาพต่อไปนี้ การใช้ font-size-adjust ช่วยให้แบบอักษร Verdana และ Times ยังคงอ่านได้ง่าย
font-size-adjust: 0.545;
เมื่อเปิดตัว 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 ได้ที่ลิงก์ต่อไปนี้
- มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome (127)
- การอัปเดต ChromeStatus.com สำหรับ Chrome 127
- รายการการเปลี่ยนแปลงที่เก็บข้อมูลซอร์สโค้ด Chromium
- ปฏิทินการเผยแพร่ของ Chrome
สมัครใช้บริการ
หากต้องการติดตามข่าวสารล่าสุด โปรดติดตามช่อง YouTube ของนักพัฒนาซอฟต์แวร์ Chrome แล้วคุณจะได้รับอีเมลแจ้งเตือนทุกครั้งที่เราเปิดตัววิดีโอใหม่
ฉันชื่อ Adriana Jara และพร้อมที่จะแจ้งให้คุณทราบเกี่ยวกับสิ่งใหม่ๆ ใน Chrome ทันทีที่ Chrome 127 เปิดตัว