สำรวจฟีเจอร์ที่น่าสนใจบางส่วนซึ่งมีอยู่ในเว็บเบราว์เซอร์เวอร์ชันเสถียรและเวอร์ชันเบต้าในช่วงเดือนกรกฎาคม 2022
เบราว์เซอร์เวอร์ชันเสถียร
ในเดือนกรกฎาคม Firefox 103 และ Safari 15.6 มีความเสถียร และด้วยเหตุนี้ เราจึงมีความสามารถในการทำงานร่วมกันกับฟีเจอร์ CSS ที่ดี 2-3 อย่าง
พร็อพเพอร์ตี้ backdrop-filter
Firefox 103 มีฟีเจอร์ backdrop-filter
ที่ใช้ใส่เอฟเฟกต์ต่างๆ เช่น การเบลอพื้นที่ด้านหลังองค์ประกอบ ค่านี้ใน Firefox ทำให้ตอนนี้พร้อมใช้งานในทั้ง 3 เครื่องมือ แม้ว่า Safari จะกำหนดให้มีคำนำหน้า -webkit
พร็อพเพอร์ตี้ scroll-snap-stop
นอกจากนี้ Firefox ยังใช้งานพร็อพเพอร์ตี้ scroll-snap-stop
อีกด้วย คุณสมบัตินี้ช่วยให้คุณควบคุมว่าจะให้องค์ประกอบแบบเลื่อนผ่านตำแหน่งการสแนปที่เป็นไปได้หรือไม่ (ด้วยค่าเริ่มต้น normal
) หรือต้องสแนปไปยังรายการแรก (ด้วยค่า always
) ขณะนี้พร็อพเพอร์ตี้ scroll-snap-stop
อยู่ในเครื่องมือเบราว์เซอร์ทั้ง 3 อย่างแล้ว
Safari 15.6 เป็นรุ่นที่มีไว้แก้ปัญหาโดยเฉพาะ แต่มีฟีเจอร์ CSS ใหม่ 1 รายการที่มีคลาส Pseudo-class ของ :modal
ฟีเจอร์นี้ยังจัดส่งใน Firefox 103 ด้วย คลาส Pseudo ของ :modal
จะเลือกองค์ประกอบเมื่อโต้ตอบกับทุกอย่างที่อยู่นอกองค์ประกอบนั้นไม่ได้จนกว่าจะปิดองค์ประกอบ ตัวอย่างเช่น องค์ประกอบ dialog
เปิดด้วย showModal()
เบราว์เซอร์รุ่นเบต้า
เบราว์เซอร์รุ่นเบต้าช่วยให้คุณมีตัวอย่างของสิ่งที่จะอยู่ในเบราว์เซอร์เวอร์ชันเสถียรถัดไป ตอนนี้เป็นเวลาที่เหมาะแก่การทดสอบฟีเจอร์ใหม่หรือการนำออกที่อาจส่งผลต่อเว็บไซต์ก่อนที่โลกจะเปิดตัว
เนื่องจากวันที่เผยแพร่ไม่ได้อยู่ในช่วงเดือนที่ผ่านมา จึงมีรุ่นเบต้าใหม่ในเดือนมิถุนายนเท่านั้นคือ Firefox 104
ใน Firefox 104 คือ CSS Font Loading API ใน Web Workers และพร็อพเพอร์ตี้ CSS animation-composition
ที่กำหนดการดำเนินการจัดองค์ประกอบที่ใช้เมื่อภาพเคลื่อนไหวหลายรายการส่งผลต่อพร็อพเพอร์ตี้เดียวกันพร้อมกัน
Safari 16 เบต้าที่พูดถึงเมื่อเดือนที่แล้วก็ยังคงมีให้บริการอยู่
ฟีเจอร์เบต้าเหล่านี้จะเข้าสู่เบราว์เซอร์ที่เสถียรในเร็วๆ นี้
ส่วนหนึ่งของซีรีส์ใหม่สำหรับเว็บซีรีส์