ดูฟีเจอร์ที่น่าสนใจบางส่วนที่มีในเว็บเบราว์เซอร์เวอร์ชันเสถียรและเวอร์ชันเบต้าในช่วงเดือนกันยายน 2023
เบราว์เซอร์เวอร์ชันเสถียร
ในเดือนกันยายน 2023 Firefox 118, Safari 17 และ Chrome 117 เริ่มเสถียรแล้ว โพสต์นี้จะอธิบายความสำคัญของแพลตฟอร์มเว็บ
ค่า subgrid สำหรับ grid-template-columns และ grid-template-rows รวมอยู่ใน Chrome 117 แล้ว ทำให้ฟีเจอร์นี้ต้องการให้ฟีเจอร์ทำงานร่วมกัน คุณดูข้อมูลเพิ่มเติมเกี่ยวกับตารางกริดย่อยได้ในบทความตารางย่อยของ CSS
Chrome ยังมีฟีเจอร์ CSS ใหม่ 3 รายการเพื่อให้คุณเพิ่มภาพเคลื่อนไหวเข้าและออกได้ง่ายๆ ตลอดจนการสร้างภาพเคลื่อนไหวที่ราบรื่นเข้าและออกจากองค์ประกอบที่ปิดได้ในเลเยอร์บนสุด เช่น กล่องโต้ตอบและป๊อปอัป ดูข้อมูลเกี่ยวกับพร็อพเพอร์ตี้ transition-behavior กฎ @starting-style และพร็อพเพอร์ตี้ overlay ได้ในบทความฟีเจอร์ CSS ใหม่ 4 รายการสำหรับภาพเคลื่อนไหวเข้าและออก
ใน Chrome 117 ก็มีการจัดกลุ่มอาร์เรย์ JavaScript ด้วยเมธอดแบบคงที่ Object.groupBy และ Map.groupBy
Safari 17 มีแอตทริบิวต์ popover เพื่อเพิ่มการรองรับ Popover API
Safari 17 และ Firefox 118 มีองค์ประกอบ HTML
<search> องค์ประกอบนี้แสดงส่วนของหน้าเว็บหรือแอปพลิเคชันที่มีฟังก์ชันสำหรับการค้นหาหรือการกรองเนื้อหา
Safari 17 มีฟีเจอร์ CSS ใหม่มากมาย ซึ่งรวมถึง @counter-style
กฎนี้ให้คุณกำหนดรูปแบบตัวนับที่ไม่ได้อยู่ในรายการสไตล์ที่กำหนดไว้ล่วงหน้า ฟีเจอร์นี้พร้อมใช้งานในทั้ง 3 เครื่องมือแล้ว
Firefox 118 มีฟังก์ชันคณิตศาสตร์ CSS เพิ่มเติมหลายรายการ ได้แก่ abs(), sign(),
round(), mod(), rem(), pow(), sqrt(), hypot(), log() และ exp()
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 เป็นรุ่นที่แก้ไขปัญหาหลายอย่างบนแพลตฟอร์ม
ส่วนหนึ่งของซีรีส์ใหม่สำหรับเว็บซีรีส์