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

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

ในเดือนกุมภาพันธ์ 2023 Firefox 110 และ Chrome 110 มีความเสถียร เรามาดูความหมายของแพลตฟอร์มเว็บนี้กัน

Firefox 110 สนับสนุนข้อความค้นหาคอนเทนเนอร์ขนาด ทำให้คุณลักษณะสำคัญนี้พร้อมใช้งานในทั้ง 3 เครื่องมือ

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

  • 105
  • 105
  • 110
  • 16

แหล่งที่มา

อักษรตัวแรกของ CSS

Chrome 110 เพิ่มการรองรับพร็อพเพอร์ตี้ CSS initial-letter พร็อพเพอร์ตี้นี้กำหนดจำนวนบรรทัดที่ตัวอักษรเริ่มต้นควรจมลงในบรรทัดข้อความต่อไปนี้ ดูข้อมูลเพิ่มเติมได้ในโพสต์ควบคุมเมนูแบบเลื่อนลงด้วยตัวอักษรแรกของ CSS

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

  • 110
  • 110
  • x
  • 9

แหล่งที่มา

การทำซ้ำแบบไม่พร้อมกัน ReadableStream

Firefox เพิ่มการรองรับโปรโตคอลที่ทำซ้ำได้แบบไม่พร้อมกันใน ReadableStream

AudioContext.setSinkId()

ใน Chrome AudioContext.setSinkId จะตั้งค่ารหัสของอุปกรณ์เสียงที่จะใช้ในเอาต์พุต การดำเนินการนี้จะช่วยให้ AudioContext กำหนดเส้นทางเสียงไปยังอุปกรณ์เอาต์พุตที่เชื่อมต่อที่ผู้ใช้เลือกได้

ดูข้อมูลเพิ่มเติมเกี่ยวกับฟีเจอร์นี้ได้ในโพสต์เปลี่ยนอุปกรณ์เอาต์พุตปลายทางใน Web Audio

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

  • 110
  • 110
  • x
  • x

แหล่งที่มา

ข้อมูลเข้าสู่ระบบ IFrame

นอกจากนี้ใน Chrome ฟีเจอร์ข้อมูลเข้าสู่ระบบ IFrame ยังช่วยให้นักพัฒนาแอปโหลดเอกสารใน iframe ของบุคคลที่สามได้โดยใช้บริบทใหม่และบริบทชั่วคราว ข้อมูลเข้าสู่ระบบ Iframe คือการสร้างข้อมูลเข้าสู่ระบบของ COEP อย่างกว้างๆ เพื่อรองรับ iframe ของบุคคลที่สามซึ่งอาจไม่ได้ทำให้ COEP ใช้งานได้ การดําเนินการนี้จะลบข้อจํากัดที่ iframe ของบุคคลที่สามต้องรองรับ COEP เพื่อฝังในหน้า COEP และจะเลิกบล็อกนักพัฒนาซอฟต์แวร์ที่ต้องการใช้การแยกแบบข้ามต้นทาง

ดูข้อมูลเพิ่มเติมเกี่ยวกับ iframe credentialless

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

  • 110
  • 110
  • x
  • x

เสถียรในช่วงเริ่มต้น

นอกจากนี้ Chrome 110 ยังทำให้เกิดการเปลี่ยนแปลงในกำหนดการเผยแพร่ของ Chrome อีกด้วย ส่วนรุ่นเวอร์ชันเสถียรก่อนเปิดตัวจะเปิดตัวก่อนเวอร์ชันทั่วไป 1 สัปดาห์สำหรับผู้ใช้ในจำนวนน้อย ดูข้อมูลเพิ่มเติมเกี่ยวกับการเปลี่ยนแปลงนี้ได้ในบทความการเปลี่ยนแปลงกำหนดการเผยแพร่จาก Chrome 110

เบราว์เซอร์รุ่นเบต้า

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

Firefox เพิ่มการรองรับ Origin Private File System (OPFS) เมื่อใช้ File System Access API

Chrome มีฟีเจอร์ทั้งหมดที่อธิบายไว้ใน CSS ระดับสี 4 โดยจะรวมถึงสีที่ขึ้นอยู่กับอุปกรณ์ 4 ประเภท (ห้องทดลอง, Oklab, lch และ Oklch) ฟังก์ชัน color() และพื้นที่สีที่ผู้ใช้กำหนดสำหรับการไล่ระดับสีและภาพเคลื่อนไหว นอกจากนี้ยังมีฟังก์ชัน color-mix() จาก CSS Color 5 ด้วย

อ่านคู่มือสี CSS ความละเอียดสูงเพื่อดูข้อมูลเกี่ยวกับประเภทสีและพื้นที่ใหม่เหล่านี้

Chrome ยังมี View Transitions API ที่จะเปิดใช้การเปลี่ยนอย่างสวยงามในแอปพลิเคชันหน้าเว็บเดียว (SPA) โปรดดูข้อมูลเพิ่มเติมในเอกสารประกอบสำหรับดูการเปลี่ยน

นอกจากนี้ใน Chrome 111 ยังเป็น Shadow DOM ที่มีการประกาศ ซึ่งเป็นวิธีใหม่ในการติดตั้งและใช้ Shadow DOM ใน HTML โดยตรง

Safari 16.4 สัญญาว่าจะเป็นรุ่นใหญ่สำหรับแพลตฟอร์มนี้ สำหรับ CSS รุ่นนี้จะรองรับคลาส Pseudo ของ :user-invalid และ :user-valid, พร็อพเพอร์ตี้ margin-trim, ไวยากรณ์ช่วงสำหรับการค้นหาสื่อ และรองรับ CSS Properties and Value API รวมถึง @property

นอกจากนี้ Safari ยังมีการรองรับ Web Push และ Badging API ตลอดจน Web API อื่นๆ อีกจำนวนหนึ่ง นี่เป็นการเปิดตัวที่น่าตื่นเต้นจริงๆ ซึ่งจะมีฟีเจอร์ต่างๆ มากมายที่เอื้อต่อความสามารถในการทำงานร่วมกัน

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