สำรวจฟีเจอร์ที่น่าสนใจบางส่วนซึ่งมีอยู่ในเว็บเบราว์เซอร์เวอร์ชันเสถียรและเวอร์ชันเบต้าในช่วงเดือนสิงหาคม 2023
เบราว์เซอร์เวอร์ชันเสถียร
ในเดือนสิงหาคม 2023 Firefox 116, Firefox 117, Safari 16.6 และ Chrome 116 เริ่มเสถียรแล้ว โพสต์นี้จะอธิบายความสำคัญของแพลตฟอร์มเว็บ
Firefox 116 รองรับ Audio Export Devices API ในทุกแพลตฟอร์มยกเว้น Android API นี้ช่วยให้เว็บแอปพลิเคชันเปลี่ยนเส้นทางเอาต์พุตเสียงไปยังชุดหูฟังบลูทูธ ลำโพงโทรศัพท์ หรืออุปกรณ์อื่นๆ ที่ได้รับอนุญาต โดยไม่ต้องใช้เบราว์เซอร์หรือค่าเริ่มต้นของระบบปฏิบัติการ
Chrome 116 รวมเส้นทางการเคลื่อนไหวของ CSS ที่ทำให้วัตถุที่เป็นกราฟิกเคลื่อนไหวไปตามเส้นทางที่นักพัฒนาแอประบุไว้ได้ ซึ่งทำให้มีการเปลี่ยนแปลงในรูปแบบใหม่ๆ ที่เป็นไปได้มากมาย เช่น การวางตำแหน่งโดยใช้พิกัดเชิงขั้ว (ด้วยฟังก์ชัน ray()
) แทนที่จะเป็นพิกัดสี่เหลี่ยมผืนผ้ามาตรฐานที่ฟังก์ชัน translate()
ใช้ หรือทำให้องค์ประกอบเคลื่อนไหวตามเส้นทางที่กำหนด ซึ่งทำให้สามารถกำหนดการเปลี่ยนเชิงพื้นที่ 2 มิติที่ซับซ้อนและสวยงามได้ง่ายขึ้น ระบุเส้นทางได้ดังนี้ circle()
, ellipse()
, rect()
, inset()
, xywh()
, polygon()
, ray()
และ url()
นอกจากนี้ใน Chrome 116 ยังมี Document Picture-in-Picture API เกี่ยวกับผลิตภัณฑ์ ซึ่งจะเปิดใช้หน้าต่างที่อยู่บนสุดตลอดเวลาซึ่งสร้างด้วย HTMLElements ที่กำหนดเองได้ ซึ่งเป็นการขยายจาก HTMLVideoElement API ที่มีอยู่ซึ่งอนุญาตให้ใส่ HTMLVideoElement ในหน้าต่าง Picture-in-Picture (PiP) ได้เท่านั้น
Firefox 117 รองรับCSS Nesting และตัวเลือกการซ้อน &
การดำเนินการนี้จะเปิดใช้การซ้อนกฎรูปแบบหนึ่งภายในอีกกฎหนึ่ง ซึ่งทำให้ CSS Nesting ทำงานร่วมกันไม่ได้ โดยมีข้อควรระวังคือ Safari และ Chrome ใช้ข้อกำหนดเวอร์ชันเก่าซึ่งไม่อนุญาตให้ซ้อนตัวเลือกประเภท Firefox ใช้ข้อกำหนดเวอร์ชันใหม่นี้ ซึ่งไม่ต้องใช้ตัวเลือกการซ้อน &
คุณดูตัวอย่างทั้ง 2 เวอร์ชันได้ในการใช้ CSS Nesting
เบราว์เซอร์รุ่นเบต้า
เบราว์เซอร์รุ่นเบต้าช่วยให้คุณมีตัวอย่างของสิ่งที่จะอยู่ในเบราว์เซอร์เวอร์ชันเสถียรถัดไป ตอนนี้เป็นเวลาที่เหมาะแก่การทดสอบฟีเจอร์ใหม่หรือการนำออกที่อาจส่งผลต่อเว็บไซต์ก่อนที่โลกจะเปิดตัว เวอร์ชันเบต้าใหม่ ได้แก่ Firefox 118 และ Chrome 117 Safari 17 เบต้ายังอยู่ระหว่างดำเนินการ การเปิดตัวครั้งนี้มาพร้อมฟีเจอร์ที่ยอดเยี่ยมมากมายสำหรับแพลตฟอร์ม ดูรายละเอียดทั้งหมดได้ในบันทึกประจำรุ่น นี่คือไฮไลต์บางส่วน
เรายังมีข้อมูลไม่มากนักสำหรับ Firefox รุ่นถัดไป อย่างไรก็ตาม Chrome 117 ได้บอกถึงฟีเจอร์ที่น่าสนใจบางอย่าง เช่น ฟีเจอร์ CSS ใหม่บางอย่างที่เปิดใช้การเข้าและออกจากภาพเคลื่อนไหว
ค่า subgrid
สำหรับ grid-template-columns
และ grid-template-rows
รวมอยู่ใน Chrome 117 ซึ่งทำให้ฟีเจอร์นี้ต้องการให้ฟีเจอร์ทำงานร่วมกัน
นอกจากนี้ใน Chrome 117 ยังเป็นการจัดกลุ่มอาร์เรย์ JavaScript ด้วยเมธอดแบบคงที่ Object.groupBy และ Map.groupBy
Safari 17 เบต้ามีแอตทริบิวต์ popover
เพื่อเพิ่มการรองรับ Popover API
ส่วนหนึ่งของซีรีส์ใหม่สำหรับเว็บซีรีส์