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

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

Rachel Andrew

เบราว์เซอร์เวอร์ชันเสถียร

ในเดือนกันยายน 2023 Firefox 118, Safari 17 และ Chrome 117 เริ่มเสถียรแล้ว โพสต์นี้จะอธิบายความสำคัญของแพลตฟอร์มเว็บ

ค่า subgrid สำหรับ grid-template-columns และ grid-template-rows รวมอยู่ใน Chrome 117 แล้ว ทำให้ฟีเจอร์นี้ต้องการให้ฟีเจอร์ทำงานร่วมกัน คุณดูข้อมูลเพิ่มเติมเกี่ยวกับตารางกริดย่อยได้ในบทความตารางย่อยของ CSS

การสนับสนุนเบราว์เซอร์

  • 117
  • 117
  • 71
  • 16

แหล่งที่มา

Chrome ยังมีฟีเจอร์ CSS ใหม่ 3 รายการเพื่อให้คุณเพิ่มภาพเคลื่อนไหวเข้าและออกได้ง่ายๆ ตลอดจนการสร้างภาพเคลื่อนไหวที่ราบรื่นเข้าและออกจากองค์ประกอบที่ปิดได้ในเลเยอร์บนสุด เช่น กล่องโต้ตอบและป๊อปอัป ดูข้อมูลเกี่ยวกับพร็อพเพอร์ตี้ transition-behavior กฎ @starting-style และพร็อพเพอร์ตี้ overlay ได้ในบทความฟีเจอร์ CSS ใหม่ 4 รายการสำหรับภาพเคลื่อนไหวเข้าและออก

ใน Chrome 117 ก็มีการจัดกลุ่มอาร์เรย์ JavaScript ด้วยเมธอดแบบคงที่ Object.groupBy และ Map.groupBy

การสนับสนุนเบราว์เซอร์

  • 117
  • 117
  • 119
  • 17.4

แหล่งที่มา

Safari 17 มีแอตทริบิวต์ popover เพื่อเพิ่มการรองรับ Popover API

Safari 17 และ Firefox 118 มีองค์ประกอบ HTML <search> องค์ประกอบนี้แสดงส่วนของหน้าเว็บหรือแอปพลิเคชันที่มีฟังก์ชันสำหรับการค้นหาหรือการกรองเนื้อหา

การสนับสนุนเบราว์เซอร์

  • 118
  • 118
  • 118
  • 17

แหล่งที่มา

Safari 17 มีฟีเจอร์ CSS ใหม่มากมาย ซึ่งรวมถึง @counter-style กฎนี้ให้คุณกำหนดรูปแบบตัวนับที่ไม่ได้อยู่ในรายการสไตล์ที่กำหนดไว้ล่วงหน้า ฟีเจอร์นี้พร้อมใช้งานในทั้ง 3 เครื่องมือแล้ว

การสนับสนุนเบราว์เซอร์

  • 91
  • 91
  • 33
  • 17

แหล่งที่มา

Firefox 118 มีฟังก์ชันคณิตศาสตร์ CSS เพิ่มเติมหลายรายการ ได้แก่ abs(), sign(), round(), mod(), rem(), pow(), sqrt(), hypot(), log() และ exp()

การสนับสนุนเบราว์เซอร์

  • 120
  • 120
  • 118
  • 15.4

แหล่งที่มา

Safari 17 ยังรองรับรูปภาพ HEIC/HEIF และ JPEG XL ด้วย

เบราว์เซอร์รุ่นเบต้า

เบราว์เซอร์เวอร์ชันเบต้าช่วยให้คุณเห็นตัวอย่างสิ่งที่จะอยู่ในเบราว์เซอร์เวอร์ชันเสถียรถัดไป ตอนนี้เป็นเวลาที่เหมาะแก่การทดสอบฟีเจอร์ใหม่หรือการนำออก ที่อาจส่งผลต่อเว็บไซต์ของคุณก่อนที่เราจะเผยแพร่สู่สาธารณะ ส่วนเวอร์ชันเบต้าใหม่ ได้แก่ Firefox 119, Safari 17.1 และ Chrome 118 โดยแต่ละรุ่นจะมีฟีเจอร์ที่ยอดเยี่ยมมากมายให้ใช้งานในแพลตฟอร์ม ดูรายละเอียดทั้งหมดได้ในบันทึกประจำรุ่น นี่คือตัวอย่างไฮไลต์บางส่วน

องค์ประกอบ <search> (การจัดส่งใน Firefox และ Safari ในเดือนนี้จะรวมอยู่ใน Chrome 118) ซึ่งหมายความว่าฟีเจอร์นี้จะทำงานได้อย่างรวดเร็วในเครื่องมือทั้ง 3 รายการ

เมธอดแบบคงที่ Object.groupBy และ Map.groupBy เป็นส่วนหนึ่งของ Firefox 119

Chrome 118 มีรูปแบบที่กำหนดขอบเขต CSS พร้อมด้วยกฎ @scope และฟีเจอร์สื่อใหม่กับ prefers-reduced-transparency และ scripting

ปัจจุบัน Safari 17.1 เป็นรุ่นที่แก้ไขปัญหาหลายอย่างบนแพลตฟอร์ม

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