ดูฟีเจอร์ที่น่าสนใจบางส่วนที่มีในเว็บเบราว์เซอร์เวอร์ชันเสถียรและเวอร์ชันเบต้าในช่วงเดือนพฤศจิกายน 2023
เบราว์เซอร์เวอร์ชันเสถียร
ในเดือนพฤศจิกายน 2023 เรามีเบราว์เซอร์ที่เสถียรเพียงเวอร์ชันเดียวที่ใช้ Firefox 120 โพสต์นี้ จะพิจารณาผลกระทบที่มีต่อแพลตฟอร์มเว็บ
การรองรับแอตทริบิวต์ media ในองค์ประกอบ <source>
Firefox กลับมารองรับแอตทริบิวต์ media ในองค์ประกอบ <source> อีกครั้ง ขยายการรองรับเพื่อรวมองค์ประกอบ <audio> และ <video> ในรุ่นนี้ แอตทริบิวต์สื่อจะพร้อมใช้งานในองค์ประกอบ <source> ภายใน <audio>, <video> และ <picture>
เรากำลังจะรองรับแอตทริบิวต์ media ใน Chrome และมีให้ใช้งานใน Safari อยู่แล้ว ดังนั้นในเร็วๆ นี้คุณจะได้รับการรองรับวิดีโอและเสียง HTML ที่ปรับเปลี่ยนตามอุปกรณ์ในทุกเครื่องมือ
ฟังก์ชัน light-dark() ของสี CSS
ตอนนี้ Firefox รองรับฟังก์ชันสี CSS light-dark() แล้ว ซึ่งหมายความว่าคุณจะตั้งค่าสีสำหรับรูปแบบสว่างและมืดได้โดยไม่ต้องใช้ฟีเจอร์สื่อของ prefers-color-scheme
หน่วย lh และ rlh
Firefox รองรับหน่วย CSS lh และ rlh หน่วยเหล่านี้ช่วยให้คุณกำหนดค่าที่สัมพันธ์กับความสูงบรรทัดขององค์ประกอบ
ซึ่งจะเป็นประโยชน์เมื่อคุณต้องการจัดรูปภาพพื้นหลังให้ตรงกับข้อความ
รุ่นนี้ช่วยให้การค้นหาเหล่านี้ทำงานร่วมกันในเครื่องมือหลักทั้ง 3 รายการได้
การสนับสนุนเบราว์เซอร์
- 109
- 109
- 120
- 16.4
คำแนะนำเบื้องต้นสำหรับ HTTP 103
ขณะนี้ Firefox สนับสนุนรหัสสถานะการตอบกลับข้อมูล HTTP 103 Early Hints แล้ว
เบราว์เซอร์รุ่นเบต้า
เบราว์เซอร์เวอร์ชันเบต้าช่วยให้คุณเห็นตัวอย่างสิ่งที่จะอยู่ในเบราว์เซอร์เวอร์ชันเสถียรถัดไป ตอนนี้เป็นเวลาที่เหมาะแก่การทดสอบฟีเจอร์ใหม่หรือการนำออก ที่อาจส่งผลต่อเว็บไซต์ของคุณก่อนที่เราจะเผยแพร่สู่สาธารณะ ส่วนรุ่นเบต้าใหม่ ได้แก่ Firefox 121, Chrome 120 และ Safari 17.2 การเปิดตัวครั้งนี้มาพร้อมฟีเจอร์ที่ยอดเยี่ยมมากมายสำหรับแพลตฟอร์ม ดูรายละเอียดทั้งหมดได้ในบันทึกประจำรุ่น ต่อไปนี้เป็นไฮไลต์บางส่วน
Chrome 120 และ Safari 17.2 มี การแยกวิเคราะห์แบบผ่อนปรนสำหรับ CSS Nesting
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() ทำงานร่วมกับเครื่องมือหลักทั้งหมดได้
ส่วนหนึ่งของซีรีส์ใหม่สำหรับเว็บซีรีส์