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

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

Rachel Andrew

เบราว์เซอร์เวอร์ชันเสถียร

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

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