สำรวจฟีเจอร์ที่น่าสนใจบางส่วนในเว็บเบราว์เซอร์เวอร์ชันเสถียรและเวอร์ชันเบต้าในช่วงเดือนกรกฎาคม 2022
รุ่นต่างๆ ของเบราว์เซอร์ที่เสถียร
ในเดือนกรกฎาคม Firefox 103 และ Safari 15.6 ได้เริ่มมีความเสถียร และด้วยเหตุนี้เราจึงได้ทำงานร่วมกันในฟีเจอร์ CSS ดีๆ 2 รายการ
พร็อพเพอร์ตี้ 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 รายการซึ่งมีคลาสสมมติ :modal ฟีเจอร์นี้มีการจัดส่งใน Firefox 103 ด้วยเช่นกัน คลาสจำลอง :modal จะเลือกองค์ประกอบเมื่อทุกอย่างที่อยู่นอกเหนือจากองค์ประกอบนั้นไม่สามารถโต้ตอบได้จนกว่าจะมีการปิดองค์ประกอบนั้น เช่น เอลิเมนต์ dialog เปิดด้วย showModal()
การเปิดตัวเบราว์เซอร์รุ่นเบต้า
เบราว์เซอร์รุ่นเบต้าช่วยให้คุณเห็นตัวอย่างของสิ่งที่จะอยู่ในเบราว์เซอร์เวอร์ชันที่เสถียรรุ่นถัดไป นี่เป็นช่วงเวลาที่ดีในการทดสอบฟีเจอร์ใหม่หรือการนำออก ซึ่งอาจส่งผลต่อเว็บไซต์ของคุณก่อนที่จะมีการเปิดตัวดังกล่าว
เนื่องจากวันเผยแพร่อยู่นอกช่วงเดือน เบต้าใหม่เพียงรายการเดียวในเดือนมิถุนายนคือ Firefox 104
สิ่งที่รวมอยู่ใน Firefox 104 คือ CSS Font Loading API ใน Web Workers และพร็อพเพอร์ตี้ CSS animation-composition ที่กำหนดการดำเนินการการเรียบเรียงที่ใช้เมื่อภาพเคลื่อนไหวหลายรายการส่งผลต่อพร็อพเพอร์ตี้เดียวกันพร้อมกัน
Safari 16 รุ่นเบต้าที่พูดถึงไปเมื่อเดือนที่แล้วก็ยังคงมีให้บริการต่อไป
ฟีเจอร์เบต้าเหล่านี้จะมีให้บริการในเบราว์เซอร์ที่มีความเสถียรเร็วๆ นี้
เป็นส่วนหนึ่งของซีรีส์ใหม่ในเว็บซีรีส์