ตอนนี้เราได้เข้าสู่ไตรมาสสุดท้ายของปี 2023 แล้ว โดยเบราว์เซอร์ทั้งหมดมีความคืบหน้ามากมายในด้านการทำงานร่วมกันในปี 2023 ในบทความนี้ คุณจะได้ทราบคะแนน ของ Interop 2023 จนถึงตอนนี้ และฟีเจอร์ที่ใช้ได้จากความพยายามในปีนี้
สถานะในเดือนมกราคม 2023
ในเดือนมกราคม 2023 เราได้ประกาศเปิดตัว Interop 2023 และประเด็นสำคัญ 26 ประการที่เครื่องมือทุกชนิดจะปรับปรุงให้ดีขึ้นในระหว่างปี
คะแนนการทำงานร่วมกันโดยรวมสำหรับเบราว์เซอร์ทดลอง ณ เวลาเปิดตัวคือ 62
สถานะ ณ เดือนตุลาคม 2023
คะแนนการทำงานร่วมกันโดยรวมสำหรับเบราว์เซอร์ทดลองคือ 89 หากคุณเปลี่ยนไปใช้มุมมองเสถียร และพิจารณาสิ่งต่างๆ ที่ส่งเข้ามาในเบราว์เซอร์ที่เสถียรแล้ว คะแนนที่ได้คือ 75 คะแนน แถมคะแนนยังถือว่ามีข้อดีหลายอย่าง ที่ตอนนี้ทำงานกับเครื่องมือหลักๆ ได้ ซึ่งบางอย่างเป็นการแก้ไขด้านการทำงานร่วมกันเล็กๆ น้อยๆ แต่ก็ยังมีฟีเจอร์หลักๆ บางอย่างด้วย
ค่าการค้นหาคอนเทนเนอร์ขนาดและความยาวของการค้นหาคอนเทนเนอร์
ในเดือนกุมภาพันธ์ เราได้ฉลองให้การค้นหาคอนเทนเนอร์ขนาดที่ทำงานร่วมกันได้ นี่เป็นฟีเจอร์หนึ่งที่นักพัฒนาเว็บไซต์เรียกร้องกันมานาน และการให้แพลตฟอร์มนี้พร้อมใช้งานในทุกเครื่องมืออย่างรวดเร็วจึงเป็นชัยชนะครั้งใหญ่ของแพลตฟอร์มเว็บ
นอกจากการค้นหาคอนเทนเนอร์ขนาดแล้วก็มาจากหน่วยการค้นหาคอนเทนเนอร์ด้วย
ซึ่งใช้ในวิธีเดียวกันกับหน่วยของวิวพอร์ต เช่น vw
ซึ่งเป็นความแตกต่างที่หน่วยเหล่านี้เกี่ยวข้องกับคอนเทนเนอร์ ไม่ใช่วิวพอร์ต
การสนับสนุนเบราว์เซอร์
- 105
- 105
- 110
- 16
พื้นที่สีและฟังก์ชัน
ในเดือนพฤษภาคม Color Space Lab, LCH, Oklab และ Oklch ได้รับการสนับสนุนระหว่างการทำงานร่วมกัน สัญกรณ์การทำงานของ CSS lab()
, lch()
, oklab()
และ oklch()
ช่วยให้นักพัฒนาซอฟต์แวร์ใช้พื้นที่สีเหล่านี้ได้ โดยใส่เครื่องหมายฟังก์ชัน color()
และ color-mix()
ไว้ด้วย
ดูข้อมูลเพิ่มเติมเกี่ยวกับพื้นที่สีและฟังก์ชันใหม่เหล่านี้ได้ในคู่มือสี CSS ความละเอียดสูง
ตารางย่อย
ฟีเจอร์ตารางกริดย่อยสำหรับเลย์เอาต์ตารางกริดของ CSS เป็นค่าใหม่สำหรับ grid-template-columns
และ grid-template-rows
ที่ช่วยให้ตารางกริดที่ซ้อนกันอยู่ใช้คำจำกัดความแทร็กจากตารางกริดระดับบนสุดได้ ซึ่งหมายความว่าคุณสามารถจัดเรียง
สิ่งที่ฝังอยู่ในโครงสร้างตารางกริด
ดูข้อมูลเพิ่มเติมเกี่ยวกับตารางกริดย่อย หากต้องการค้นพบความซับซ้อนบางอย่างที่ทำให้การใช้ Subgrid มีความยากลำบาก โปรดดูวิดีโอนี้จาก BlinkOn 18
แอตทริบิวต์ค่าเฉื่อย HTML
แอตทริบิวต์ร่วมของ HTML
inert
ช่วยให้คุณแจ้งว่าส่วนต่างๆ ของหน้าเว็บเป็นแบบเฉื่อยได้ ซึ่งจะป้องกันเหตุการณ์การคลิกและโฟกัส รวมถึงซ่อนองค์ประกอบและเนื้อหาจากโครงสร้างการช่วยเหลือพิเศษ วิธีนี้เป็นประโยชน์สำหรับเนื้อหาที่มีการแสดงภาพนอกหน้าจอเป็นตัวอย่าง ดังนั้นจึงควรปิดใช้ในโปรแกรมอ่านหน้าจอด้วย
นอกจากนี้ยังมี
นอกจากฟีเจอร์หลักเหล่านี้แล้ว ฟีเจอร์และการแก้ไขอื่นๆ อีกมากมายเริ่มมีผลกับเบราว์เซอร์ในปีนี้ เรามีเบราว์เซอร์รุ่นต่างๆ รออยู่ที่เหลือของปี และเราจะโพสต์สรุปทั้งหมดเมื่อคะแนนทั้งหมดพร้อมแล้ว