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

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

Rachel Andrew

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

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

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

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

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

  • 117
  • 117
  • 119
  • 17.4

แหล่งที่มา

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

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

  • 111
  • 111
  • 119
  • 16.4

แหล่งที่มา

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

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

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

  • 118
  • 118
  • 118
  • 17

แหล่งที่มา

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

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

ขอบเขตของ CSS

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

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

  • 118
  • 118
  • x
  • 17.4

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

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

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

  • 118
  • 118
  • x

แหล่งที่มา

ไวยากรณ์สีสัมพัทธ์ 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 จะมีการรองรับ API ไฮไลต์ที่กำหนดเองของ CSS, พร็อพเพอร์ตี้ 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()

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