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

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

Rachel Andrew

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

ในเดือนกุมภาพันธ์ Chrome 98 และ Firefox 97 กลายเป็นเวอร์ชันเสถียร

Chrome 98 เปิดตัวเมธอด self.structuredClone โดยจะสร้างโคลนแบบเจาะลึกของค่าโดยใช้อัลกอริทึมการโคลนที่มีโครงสร้าง อ่านเพิ่มเติมเกี่ยวกับ structuredClone()

Firefox 97 มีเลเยอร์ตามลำดับชั้น @layer at-rule จะกำหนดเลเยอร์ตามลําดับ ซึ่งช่วยให้คุณควบคุมความเฉพาะเจาะจงได้

@layer framework {
  /* creates a new layer named framework */
}

Firefox เป็นเบราว์เซอร์แรกที่เปิดตัวฟีเจอร์นี้ในเวอร์ชันที่ใช้งานจริง อย่างไรก็ตาม โปรดดูส่วนรุ่นเบต้าของโพสต์นี้ เนื่องจากอีกไม่นานฟีเจอร์นี้จะพร้อมให้บริการทั่วโลก ดูข้อมูลเพิ่มเติมเกี่ยวกับเลเยอร์แคสเคดได้ในเลเยอร์แคสเคดกำลังจะพร้อมให้บริการในเบราว์เซอร์ของคุณ

Firefox ยังแสดงพร็อพเพอร์ตี้ scrollbar-gutter ด้วย พร็อพเพอร์ตี้นี้ช่วยนำการเปลี่ยนแปลงเลย์เอาต์ที่เกิดจากแถบเลื่อนที่ปรากฏเมื่อเนื้อหามีขนาดใหญ่ขึ้น

รางน้ำแถบเลื่อนคือช่องว่างระหว่างขอบด้านในกับขอบระยะห่างจากขอบด้านนอก ซึ่งแถบเลื่อนจะปรากฏที่นี่หากจำเป็น หากไม่มีแถบเลื่อน ระยะขอบจะแสดงเป็นส่วนขยายของระยะห่างจากขอบ CSS ต่อไปนี้จะเพิ่มการคำนึงถึงระยะห่างระหว่างขนาดแถบเลื่อนที่ทั้ง 2 ด้านของช่องเพื่อให้รูปลักษณ์มีความสมมาตร

.container {
  scrollbar-gutter: stable both-edges;
}

Chrome 98 รองรับแบบอักษรเวกเตอร์การไล่ระดับสี COLRv1 ซึ่งเป็นรูปแบบแบบอักษรใหม่เพิ่มเติม แบบอักษรสีประกอบด้วยสัญลักษณ์ที่มีหลายสี เช่น อีโมจิหรือธงชาติ หรือตัวอักษรหลายสี

อ่านข้อมูลเพิ่มเติมเกี่ยวกับรูปแบบแบบอักษรใหม่นี้ได้ในแบบอักษรเวกเตอร์ไล่ระดับสี COLRv1 ใน Chrome 98

เวอร์ชันเบราว์เซอร์เบต้า

เบราว์เซอร์รุ่นเบต้าช่วยให้คุณเห็นตัวอย่างของสิ่งที่จะอยู่ในเบราว์เซอร์เวอร์ชันที่เสถียรรุ่นถัดไป นี่เป็นโอกาสที่ดีในการทดสอบฟีเจอร์ใหม่หรือการนําออกที่อาจส่งผลต่อเว็บไซต์ของคุณก่อนที่ผู้ใช้ทั่วโลกจะได้รับฟีเจอร์หรือการเปลี่ยนแปลงนั้น

เวอร์ชันเบต้าใหม่ในเดือนกุมภาพันธ์คือ Chrome 99 และ Firefox 98 Safari เบต้า 15.4 ยังอยู่ระหว่างการพัฒนา เราพูดถึงฟีเจอร์บางอย่างที่รวมอยู่ด้วยเมื่อเดือนที่แล้ว

Chrome 99 มีเลเยอร์ตามลำดับชั้น และSafari เบต้า 15.4 ก็มีเลเยอร์ตามลำดับชั้นด้วย เราจึงคาดว่าจะเห็นฟีเจอร์นี้ในเบราว์เซอร์เวอร์ชันปัจจุบันทั้งหมดในเร็วๆ นี้

นอกจากนี้ Chrome 99 ยังมีแอตทริบิวต์ใหม่หลายรายการสำหรับ CanvasRenderingContext2D และเมธอด showPicker() ใหม่ใน HTMLInputElement ซึ่งเป็นวิธีแสดงเครื่องมือเลือกเบราว์เซอร์สำหรับวันที่ เวลา สี และไฟล์

ใน Firefox 98 คุณจะเห็นองค์ประกอบ <dialog> อีกคุณลักษณะหนึ่งจะอยู่ในเบราว์เซอร์ที่ใช้ได้ตลอดทั้งหมดเมื่อ Firefox และ Safari รุ่นเบต้ามีความเสถียรแล้ว

ฟีเจอร์เบต้าทั้งหมดนี้จะพร้อมใช้งานในเบราว์เซอร์เวอร์ชันเสถียรในเร็วๆ นี้

เป็นส่วนหนึ่งของชุดวิดีโอ "เพิ่งเคยใช้เว็บ"