ฟีเจอร์ใหม่ของแพลตฟอร์มเว็บในเดือนพฤศจิกายน

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

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

ในเดือนพฤศจิกายน 2023 เรามีเบราว์เซอร์เวอร์ชันเสถียรที่มี Firefox 120 เพียงเวอร์ชันเดียว โพสต์นี้จะอธิบายเกี่ยวกับผลกระทบที่มีต่อแพลตฟอร์มเว็บ

การรองรับแอตทริบิวต์ media ในองค์ประกอบ <source>

Firefox กลับมารองรับแอตทริบิวต์ media ในองค์ประกอบ <source> อีกครั้ง เราจะขยายการรองรับให้รวมองค์ประกอบ <audio> และ <video> ในรุ่นนี้ แอตทริบิวต์สื่อจะพร้อมใช้งานในองค์ประกอบ <source> ภายใน <audio>, <video> และ <picture>

ระบบจะรองรับแอตทริบิวต์ media ใน Chrome และมีให้ใช้งานใน Safari แล้ว ในเร็วๆ นี้คุณจะรองรับวิดีโอและเสียง HTML ที่ปรับเปลี่ยนตามอุปกรณ์ในเครื่องมือทั้งหมดได้

ฟังก์ชัน light-dark() สำหรับสี CSS

ขณะนี้ Firefox รองรับฟังก์ชัน light-dark() สี CSS แล้ว ซึ่งหมายความว่าคุณจะตั้งค่าสีสำหรับรูปแบบสว่างและมืดได้โดยไม่ต้องใช้ฟีเจอร์สื่อของ prefers-color-scheme

การรองรับเบราว์เซอร์

  • 123
  • 123
  • 120
  • 17.5

แหล่งที่มา

หน่วย lh และ rlh

Firefox รองรับหน่วย CSS lh และ rlh หน่วยเหล่านี้ช่วยให้คุณกำหนดค่าที่สัมพันธ์กับความสูงของบรรทัดขององค์ประกอบ ซึ่งจะเป็นประโยชน์เมื่อคุณต้องการจัดภาพพื้นหลังกับข้อความ เวอร์ชันนี้ทำให้เครื่องมือเหล่านี้ทำงานร่วมกันได้ในเครื่องมือค้นหาหลักทั้ง 3 รุ่น

การรองรับเบราว์เซอร์

  • 109
  • 109
  • 120
  • 16.4

คำแนะนำเบื้องต้นสำหรับ HTTP 103

ตอนนี้ Firefox รองรับรหัสสถานะการตอบกลับข้อมูล HTTP 103 Early Hints

การรองรับเบราว์เซอร์

  • 103
  • 103
  • 120
  • 17

แหล่งที่มา

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

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

Chrome 120 และ Safari 17.2 มี การแยกวิเคราะห์แบบไม่เข้มงวดสำหรับ Nesting CSS

Chrome 120 จะยกเลิกคำนำหน้าพร็อพเพอร์ตี้ -webkit-mask* และทำให้เป็นไปตามข้อกำหนดปัจจุบัน ซึ่งรวมถึง mask-image, mask-mode, mask-repeat, mask-position, mask-clip, mask-origin, mask-size และ mask-composite ตลอดจนทางลัด mask รองรับการอ้างอิง mask-image ในเครื่อง การทำให้เป็นอนุกรมตรงกับข้อกำหนดแล้ว และค่าที่ยอมรับตอนนี้ตรงกับข้อกำหนดแล้ว

Chrome 120 และ Safari 17.2 มีการรองรับแอตทริบิวต์ name สำหรับองค์ประกอบ <details>

Firefox 121 มีตัวเลือก CSS :has() รุ่นนี้ทำให้ :has() ทำงานร่วมกันได้ในเครื่องมือค้นหาหลักทั้งหมด

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