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

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

Rachel Andrew

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

ในเดือนตุลาคม 2023 Firefox 119, Safari 17.1, Chrome 118 และ Chrome 119 ได้เริ่มมีความเสถียรแล้ว โพสต์นี้จะอธิบายเกี่ยวกับผลกระทบที่มีต่อแพลตฟอร์มเว็บ

ฟีเจอร์ JavaScript ใน Firefox 119

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

นอกจากนี้ใน Firefox 119 คือเมธอด isWellFormed() และ toWellFormed() ของ String ซึ่งสามารถใช้เพื่อตรวจสอบว่าสตริงมี Unicode ที่มีรูปแบบถูกต้องหรือไม่ หรือเพื่อทำความสะอาดสตริงให้เป็น Unicode ที่มีรูปแบบเหมาะสม วิธีการเหล่านี้ทำงานร่วมกันได้ ในเครื่องมือหลัก 3 อย่าง

องค์ประกอบ HTML <search> ทำงานร่วมกันได้แล้ว

Chrome 118 มีองค์ประกอบ <search> ซึ่งเป็นองค์ประกอบ HTML ใหม่ที่แสดงถึงส่วนต่างๆ ของเอกสารหรือแอปพลิเคชันที่ใช้สําหรับการค้นหาหรือการกรอง ปัจจุบันฟีเจอร์นี้ทำงานร่วมกันได้ในเครื่องมือหลัก 3 อย่าง

กฎแนวนอนภายในองค์ประกอบที่เลือก

Chrome ทั้ง 2 เวอร์ชันเปิดตัวในเดือนตุลาคม ส่วนใน Chrome 119 จะเป็นองค์ประกอบเพิ่มเติมเล็กๆ น้อยๆ ในองค์ประกอบ HTML <select> ตอนนี้คุณสามารถเพิ่มกฎแนวนอนระหว่างตัวเลือก ที่แสดงเป็นเส้นแบ่งระหว่างรายการต่างๆ ได้แล้ว ดูข้อมูลเพิ่มเติมในเลือกองค์ประกอบ: ตอนนี้ มีกฎแนวนอนแล้ว

ขอบเขตของ CSS

Chrome 118 รวม CSS ที่มีขอบเขตซึ่งมีกฎ @scope กฎนี้ให้วิธีเลือกองค์ประกอบภายในแผนผังย่อยของ DOM ดูข้อมูลเพิ่มเติมในจำกัดการเข้าถึงของตัวเลือกด้วย CSS @scope at-rule

CSS ต้องการลดความโปร่งใส

Chrome 118 มีฟีเจอร์สื่อของ prefers-reduced-transparency ฟีเจอร์นี้เป็นหนึ่งในชุดฟีเจอร์ที่ให้คุณตรวจสอบค่ากำหนดที่ผู้ใช้ในอุปกรณ์ของตนกำหนดไว้ และตอบกลับความต้องการในโค้ดของคุณได้ ดูข้อมูลเพิ่มเติมเกี่ยวกับฟีเจอร์ใน CSS ชอบลดความโปร่งใส

ไวยากรณ์สีสัมพัทธ์ของ CSS

ใน Chrome 119 เป็นฟีเจอร์ใหม่ที่มีประสิทธิภาพจาก CSS Color 5 ซึ่งเป็นไวยากรณ์สีแบบสัมพัทธ์ วิธีนี้ช่วยให้คุณสามารถหาสีจากสีอื่น โดยใช้พื้นที่สีหรือไวยากรณ์ที่ต้องการ

การเก็บข้อมูลขยะของ WebAssembly (WasmGC)

Chrome 119 มี WasmGC เพื่อให้ทำงานกับภาษาที่เก็บเนื้อหาขยะ เช่น Kotlin, PHP หรือ Java ใน WebAssembly ได้เร็วขึ้น ดูรายละเอียดทั้งหมดใน WebAssembly Garbage Collection (WasmGC) เปิดอยู่โดยค่าเริ่มต้นใน Chrome

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

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

Safari 17.2 มีฟีเจอร์ใหม่ๆ มากมาย สำหรับ CSS มีการรองรับสำหรับ CSS Customไฮไลต์ API, พร็อพเพอร์ตี้ mask-border, พร็อพเพอร์ตี้ counter-set และฟีเจอร์อื่นๆ อีกมากมาย นอกจากนี้ยังมีการแก้ไขหลายอย่างกับฟีเจอร์ที่มีอยู่เพื่อปรับปรุงความสามารถในการทำงานร่วมกัน

สำหรับ HTML Safari 17.2 จะมีการรองรับแอตทริบิวต์ name สำหรับองค์ประกอบ <details> และใน Web API มีการรองรับการดึงข้อมูลลำดับความสำคัญและรูปภาพที่ตอบสนองตามอุปกรณ์ซึ่งเปิดใช้ใน <link rel=preload> แล้ว

Firefox 120 เพิ่มการรองรับ CSS rh และ rlh, text-wrap: balance และฟังก์ชัน light-dark()

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