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

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

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

ในเดือนกรกฎาคม Firefox 103 และ Safari 15.6 ได้เริ่มมีความเสถียร และด้วยเหตุนี้เราจึงได้ทำงานร่วมกันในฟีเจอร์ CSS ดีๆ 2 รายการ

พร็อพเพอร์ตี้ backdrop-filter

Firefox 103 มีฟีเจอร์ backdrop-filter ที่ใช้ใส่เอฟเฟกต์ต่างๆ เช่น การเบลอพื้นที่ด้านหลังองค์ประกอบ เมื่อใช้ค่านี้ใน Firefox จะมีอยู่ในเครื่องมือทั้ง 3 รายการ แต่ Safari ต้องใช้คำนำหน้า -webkit

การรองรับเบราว์เซอร์

  • 76
  • 79
  • 103
  • 18

แหล่งที่มา

พร็อพเพอร์ตี้ scroll-snap-stop

นอกจากนี้ Firefox ยังใช้พร็อพเพอร์ตี้ scroll-snap-stop อีกด้วย พร็อพเพอร์ตี้นี้ช่วยให้คุณควบคุมว่าองค์ประกอบแบบเลื่อนจะข้ามตำแหน่งการสแนปที่เป็นไปได้ (ที่มีค่าเริ่มต้นเป็น normal) หรือต้องสแนปไปยังตำแหน่งแรก (ที่มีค่า always) ขณะนี้มีพร็อพเพอร์ตี้ scroll-snap-stop อยู่ในเครื่องมือเบราว์เซอร์ทั้ง 3 รายการแล้ว

การรองรับเบราว์เซอร์

  • 75
  • 79
  • 103
  • 15

แหล่งที่มา

Safari 15.6 เป็นรุ่นที่เผยแพร่เพื่อแก้ไขปัญหาเป็นส่วนใหญ่ แต่ก็มีฟีเจอร์ใหม่ของ CSS 1 รายการซึ่งมีคลาสสมมติ :modal ฟีเจอร์นี้มีการจัดส่งใน Firefox 103 ด้วยเช่นกัน คลาสจำลอง :modal จะเลือกองค์ประกอบเมื่อทุกอย่างที่อยู่นอกเหนือจากองค์ประกอบนั้นไม่สามารถโต้ตอบได้จนกว่าจะมีการปิดองค์ประกอบนั้น เช่น เอลิเมนต์ dialog เปิดด้วย showModal()

การรองรับเบราว์เซอร์

  • 105
  • 105
  • 103
  • 15.6

แหล่งที่มา

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

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

เนื่องจากวันเผยแพร่อยู่นอกช่วงเดือน เบต้าใหม่เพียงรายการเดียวในเดือนมิถุนายนคือ Firefox 104

สิ่งที่รวมอยู่ใน Firefox 104 คือ CSS Font Loading API ใน Web Workers และพร็อพเพอร์ตี้ CSS animation-composition ที่กำหนดการดำเนินการการเรียบเรียงที่ใช้เมื่อภาพเคลื่อนไหวหลายรายการส่งผลต่อพร็อพเพอร์ตี้เดียวกันพร้อมกัน

Safari 16 รุ่นเบต้าที่พูดถึงไปเมื่อเดือนที่แล้วก็ยังคงมีให้บริการต่อไป

ฟีเจอร์เบต้าเหล่านี้จะมีให้บริการในเบราว์เซอร์ที่มีความเสถียรเร็วๆ นี้

เป็นส่วนหนึ่งของซีรีส์ใหม่ในเว็บซีรีส์