สำรวจฟีเจอร์ที่น่าสนใจบางส่วนซึ่งมีให้บริการในเวอร์ชันเสถียรและเวอร์ชันเบต้า เว็บเบราว์เซอร์ของคุณในช่วงเดือนกุมภาพันธ์ 2024
รุ่นต่างๆ ของเบราว์เซอร์ที่เสถียร
ในเดือนกุมภาพันธ์ 2024 Firefox 123 และ Chrome 122 เริ่มมีความเสถียรแล้ว โพสต์นี้จะอธิบายฟีเจอร์ใหม่ที่เพิ่มลงในแพลตฟอร์มบนเว็บ
Shadow DOM แบบมีการประกาศ
Firefox 123 รองรับแอตทริบิวต์ shadowrootmode
ของ <template>
ดังนั้นจึงรองรับ
Dhadow DOM แบบมีการประกาศ
ตอนนี้ฟีเจอร์นี้ได้รวมกับเกณฑ์พื้นฐานที่มีให้ใช้งานใหม่แล้ว เนื่องจากสามารถทำงานร่วมกันได้ใน
เบราว์เซอร์หลักๆ ทั้งหมด
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
การเปิดตัวเบราว์เซอร์รุ่นเบต้า
เบราว์เซอร์รุ่นเบต้าช่วยให้คุณเห็นตัวอย่างของสิ่งที่จะเกิดขึ้นในอีก เบราว์เซอร์เวอร์ชันเสถียร ตอนนี้ถึงเวลาแล้วที่จะทดสอบฟีเจอร์ใหม่ๆ หรือ การนำออก ซึ่งอาจส่งผลต่อเว็บไซต์ของคุณก่อนที่จะมีการเผยแพร่ดังกล่าว รายงานใหม่ คือ 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
คุณสมบัตินี้ควบคุมว่าองค์ประกอบจะแสดงผลเนื้อหาหรือไม่
ทำให้เบราว์เซอร์สามารถข้ามการแสดงภาพเนื้อหาจนกว่าจะจำเป็น