สำรวจฟีเจอร์ที่น่าสนใจบางส่วนซึ่งมีอยู่ในเว็บเบราว์เซอร์เวอร์ชันเสถียรและเวอร์ชันเบต้าในช่วงเดือนกุมภาพันธ์ 2023
เบราว์เซอร์เวอร์ชันเสถียร
ในเดือนกุมภาพันธ์ 2023 Firefox 110 และ Chrome 110 มีความเสถียร เรามาดูความหมายของแพลตฟอร์มเว็บนี้กัน
การค้นหาคอนเทนเนอร์ในทั้ง 3 เครื่องมือ
Firefox 110 สนับสนุนข้อความค้นหาคอนเทนเนอร์ขนาด ทำให้คุณลักษณะสำคัญนี้พร้อมใช้งานในทั้ง 3 เครื่องมือ
อักษรตัวแรกของ CSS
Chrome 110 เพิ่มการรองรับพร็อพเพอร์ตี้ CSS initial-letter พร็อพเพอร์ตี้นี้กำหนดจำนวนบรรทัดที่ตัวอักษรเริ่มต้นควรจมลงในบรรทัดข้อความต่อไปนี้ ดูข้อมูลเพิ่มเติมได้ในโพสต์ควบคุมเมนูแบบเลื่อนลงด้วยตัวอักษรแรกของ CSS
การทำซ้ำแบบไม่พร้อมกัน ReadableStream
Firefox เพิ่มการรองรับโปรโตคอลที่ทำซ้ำได้แบบไม่พร้อมกันใน ReadableStream
AudioContext.setSinkId()
ใน Chrome AudioContext.setSinkId จะตั้งค่ารหัสของอุปกรณ์เสียงที่จะใช้ในเอาต์พุต การดำเนินการนี้จะช่วยให้ AudioContext กำหนดเส้นทางเสียงไปยังอุปกรณ์เอาต์พุตที่เชื่อมต่อที่ผู้ใช้เลือกได้
ดูข้อมูลเพิ่มเติมเกี่ยวกับฟีเจอร์นี้ได้ในโพสต์เปลี่ยนอุปกรณ์เอาต์พุตปลายทางใน Web Audio
ข้อมูลเข้าสู่ระบบ 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 อื่นๆ อีกจำนวนหนึ่ง นี่เป็นการเปิดตัวที่น่าตื่นเต้นจริงๆ ซึ่งจะมีฟีเจอร์ต่างๆ มากมายที่เอื้อต่อความสามารถในการทำงานร่วมกัน
ส่วนหนึ่งของซีรีส์ใหม่สำหรับเว็บซีรีส์