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

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

Rachel Andrew

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

ในเดือนกุมภาพันธ์ 2024 Firefox 123 และ Chrome 122 เริ่มมีความเสถียรแล้ว โพสต์นี้จะอธิบายฟีเจอร์ใหม่ที่เพิ่มลงในแพลตฟอร์มบนเว็บ

Shadow DOM แบบมีการประกาศ

Firefox 123 รองรับแอตทริบิวต์ shadowrootmode ของ <template> ดังนั้นจึงรองรับ Dhadow DOM แบบมีการประกาศ ตอนนี้ฟีเจอร์นี้ได้รวมกับเกณฑ์พื้นฐานที่มีให้ใช้งานใหม่แล้ว เนื่องจากสามารถทำงานร่วมกันได้ใน เบราว์เซอร์หลักๆ ทั้งหมด

103 คำแนะนำเบื้องต้น: โหลดล่วงหน้า

Firefox 123 ประกอบด้วย 103 คำแนะนำเบื้องต้น รหัสสถานะสำหรับการโหลดทรัพยากรล่วงหน้า

การเปลี่ยนแปลงการรับช่วงค่า ::backdrop ของ CSS

องค์ประกอบเทียมของ CSS ::backdrop คือกล่องที่มีขนาดเท่ากับวิวพอร์ต จะแสดงอยู่ใต้องค์ประกอบใดๆ ที่แสดงในเลเยอร์บนสุด ข้อกำหนดเดิมสำหรับ ::backdrop ระบุว่าไม่ได้รับค่าเดิม มาจากองค์ประกอบใด และไม่รับค่าจากองค์ประกอบนั้น ซึ่งหมายความว่า ::backdrop ได้ ไม่มีสิทธิ์เข้าถึงพร็อพเพอร์ตี้ที่กำหนดเองซึ่งประกาศบน :root

มีการเปลี่ยนแปลงข้อกำหนดเพื่ออนุญาตให้ ::backdrop รับพร็อพเพอร์ตี้ได้ จากองค์ประกอบเริ่มต้น การเปลี่ยนแปลงนี้มีการใช้ใน Chrome 122

อ่านเพิ่มเติมเกี่ยวกับ เปลี่ยนเป็น ::backdrop

API ที่เก็บข้อมูลของพื้นที่เก็บข้อมูล

Chrome 122 มี Storage Buckets API API นี้ช่วยให้เว็บไซต์จัดระเบียบข้อมูล ในอุปกรณ์ลงในที่เก็บข้อมูลได้ จากนั้น ระบบจะนําข้อมูลกลุ่มออกได้อย่างอิสระโดยไม่ขึ้นอยู่กับข้อมูลที่เก็บไว้ในที่เก็บข้อมูลอื่น

ดูข้อมูลเพิ่มเติมใน เอกสารประกอบของ Storage Buckets API

Async Clipboard API: อ่าน HTML ที่ไม่ผ่านการตรวจสอบ

Chrome 122 เบต้ามีตัวเลือก unsanitized ในเมธอด read() ของ Async Clipboard API เพื่อดึงรูปแบบ HTML ที่ไม่ผ่านการตรวจสอบ

เมธอด Set ของ JavaScript

Chrome 122 จะใช้เมธอด Set ต่อไปนี้

• difference
• intersection
• isDisjointFrom
• isSubsetOf
• isSuperSetOf
• symetricDifference
• union

วิธีการเหล่านี้มีการใช้งานแล้วใน Safari ตั้งแต่เวอร์ชัน 17 และอยู่ใน Firefox Nightly

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

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

Chrome 123 มีฟีเจอร์ CSS ใหม่หลายรายการ ฟังก์ชันสี light-dark() ทำให้ปรับรูปแบบสีตามความต้องการของผู้ใช้ได้ง่ายขึ้น field-sizing พร็อพเพอร์ตี้เปิดใช้ฟิลด์ป้อนข้อความที่ขยายโดยอัตโนมัติ มีสื่อใหม่ ฟีเจอร์เพื่อทดสอบสำหรับแอปที่แสดงในโหมดการแสดงภาพซ้อนภาพ

พร็อพเพอร์ตี้ text-spacing-trim ใช้ช่องสัญญาณกับภาษาจีน ญี่ปุ่น และเครื่องหมายวรรคตอนภาษาเกาหลี (CJK) เพื่อปรับการเว้นวรรคมากเกินไป อ่านเพิ่มเติมใน ขอแนะนำฟีเจอร์ระหว่างประเทศใหม่ 4 รายการสำหรับ CSS

ส่วน Chrome 123 และ Safari 17.4 รุ่นเบต้ารองรับ align-content ในเลย์เอาต์แบบบล็อกและตาราง อ่านเกี่ยวกับ การเปลี่ยนแปลงเป็น align-content การสนับสนุน ทดสอบเว็บไซต์ว่าคุณอาจกำลังใช้พร็อพเพอร์ตี้นอกตารางกริดอยู่หรือไม่ หรือเลย์เอาต์แบบยืดหยุ่น เนื่องจากจะเริ่ม เกิดการปรับแนวซึ่งก่อนหน้านี้ไม่ได้ ใช้งานได้ในเลย์เอาต์บล็อก

Firefox 124 มีการรองรับ CSS content-visibility คุณสมบัตินี้ควบคุมว่าองค์ประกอบจะแสดงผลเนื้อหาหรือไม่ ทำให้เบราว์เซอร์สามารถข้ามการแสดงภาพเนื้อหาจนกว่าจะจำเป็น