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

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

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

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

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

การรองรับเบราว์เซอร์

  • 111
  • 111
  • 123
  • 16.4

แหล่งที่มา

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

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

การรองรับเบราว์เซอร์

  • 103
  • 103
  • 123
  • x

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

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

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

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

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

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

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

การรองรับเบราว์เซอร์

  • 122
  • 122
  • x
  • x

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

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

เมธอด Set ของ JavaScript

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

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

การรองรับเบราว์เซอร์

  • 122
  • 122
  • 127
  • 17

แหล่งที่มา

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

เบราว์เซอร์รุ่นเบต้าช่วยให้คุณเห็นตัวอย่างของสิ่งที่จะเกิดขึ้นในอีก เบราว์เซอร์เวอร์ชันเสถียร ตอนนี้ถึงเวลาแล้วที่จะทดสอบฟีเจอร์ใหม่ๆ หรือ การนำออก ซึ่งอาจส่งผลต่อเว็บไซต์ของคุณก่อนที่จะมีการเผยแพร่ดังกล่าว รายงานใหม่ คือ 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 คุณสมบัตินี้ควบคุมว่าองค์ประกอบจะแสดงผลเนื้อหาหรือไม่ ทำให้เบราว์เซอร์สามารถข้ามการแสดงภาพเนื้อหาจนกว่าจะจำเป็น