สำรวจฟีเจอร์ที่น่าสนใจบางส่วนซึ่งมีอยู่ในเว็บเบราว์เซอร์เวอร์ชันเสถียรและเวอร์ชันเบต้าในช่วงเดือนมกราคม 2022
เบราว์เซอร์เวอร์ชันเสถียร
ในเดือนมกราคม 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 เบต้า มีสิ่งดีๆ มากมายรอคุณอยู่ ฟีเจอร์ต่างๆ รวมถึงการใช้องค์ประกอบจำลอง ::backdrop, คลาส Pseudo อย่าง :Focus-visible, พร็อพเพอร์ตี้ accent-color และการควบคุม CSS ที่มีพร็อพเพอร์ตี้มี เวอร์ชันเบต้านี้ยังรวมองค์ประกอบ HTML <dialog>, แอตทริบิวต์ lazy ในรูปภาพเพื่อเปิดใช้การโหลดแบบ Lazy Loading รวมถึงการรองรับไอคอนไฟล์ Manifest ของเว็บแอป
ฟีเจอร์เบต้าทั้งหมดเหล่านี้จะเข้าสู่เบราว์เซอร์ที่เสถียรในเร็วๆ นี้
ส่วนหนึ่งของซีรีส์ใหม่สำหรับเว็บซีรีส์