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