แพลตฟอร์มเว็บใหม่ในเดือนมกราคม

สำรวจฟีเจอร์ที่น่าสนใจบางรายการที่เปิดตัวในเว็บเบราว์เซอร์เวอร์ชันเสถียรและเบต้าในช่วงเดือนมกราคม 2022

Rachel Andrew

เบราว์เซอร์รุ่นที่เสถียร

ในเดือนมกราคม Chrome 97 และ Firefox 96 กลายเป็นเวอร์ชันเสถียร

Firefox 96 เปิดตัวฟังก์ชันสี hwb() ฟังก์ชันนี้จะแสดงสีตามสี ความขาว และความดำ

นอกจากนี้ใน Firefox 96 คือพร็อพเพอร์ตี้ CSS color-scheme พร็อพเพอร์ตี้นี้ช่วยให้คุณระบุรูปแบบสีที่องค์ประกอบสามารถแสดงผลได้ ตัวอย่างเช่น หากต้องการระบุว่า .widget สามารถแสดงผลได้ในโหมดสว่างหรือมืดของระบบปฏิบัติการ ให้ใช้ CSS ต่อไปนี้

.widget {
  color-scheme: light dark;
}

หากหน้าสีวางใน Firefox แสดงว่าพร็อพเพอร์ตี้พร้อมใช้งานใน Chrome, Firefox และ Safari

การเปิดตัวเบราว์เซอร์รุ่นเบต้า

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

เบต้าของเดือนมกราคม ได้แก่ Chrome 98, Firefox 97 และ Safari 15.4 เบต้า 1

Chrome 98 รองรับแบบอักษรเวกเตอร์ไล่ระดับสี COLRv1 เป็นรูปแบบแบบอักษรใหม่เพิ่มเติม แบบอักษรสีมีรูปอักขระที่มีหลายสีอยู่ในรูป เช่น อีโมจิ ธงชาติ หรือตัวอักษรหลากสี

อ่านเพิ่มเติมเกี่ยวกับแบบอักษรรูปแบบใหม่นี้ได้ใน COLRv1 Color Gradient Vector Fonts ใน Chrome 98

รวมถึงเมธอด structuredClone() สำหรับการทําสําเนาออบเจ็กต์แบบเจาะลึก และคำค้นหาสื่อ CSS dynamic-range และ video-dynamic-range ดูฟีเจอร์อื่นๆ ที่พร้อมให้ทดสอบได้ในโพสต์ Chrome 98 เบต้า

เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome 98 นำเสนอคอลเล็กชันฟีเจอร์ใหม่ทั้งหมด ซึ่งรวมถึงแผนผังการช่วยเหลือพิเศษเต็มรูปแบบใหม่

Firefox 97 เบต้ารองรับหน่วย cap และ ic สำหรับ length รวมถึงใช้พร็อพเพอร์ตี้ scrollbar-gutter ด้วย

Safari 15.4 รุ่นเบต้ายังมีสิ่งดีๆ อีกมากมาย ฟีเจอร์ต่างๆ รวมถึงการใช้งาน Pseudo-element ::backdrop, Pseudo-class :focus-visible, คุณสมบัติ accent-color และ CSS Containment ที่มีพร็อพเพอร์ตี้ contain เบต้านี้ยังมีองค์ประกอบ <dialog> ของ HTML, แอตทริบิวต์ lazy ในรูปภาพเพื่อเปิดใช้การโหลดแบบเลื่อน รวมถึงรองรับไอคอนไฟล์ Manifest ของเว็บแอป

ฟีเจอร์เบต้าทั้งหมดนี้จะพร้อมใช้งานในเบราว์เซอร์เวอร์ชันเสถียรในเร็วๆ นี้

เป็นส่วนหนึ่งของชุดวิดีโอ "เพิ่งเคยใช้เว็บ"