สำรวจฟีเจอร์ที่น่าสนใจบางส่วนที่มีในเว็บเบราว์เซอร์เวอร์ชันเสถียรและเวอร์ชันเบต้าในช่วงเดือนกุมภาพันธ์ 2022
เบราว์เซอร์เวอร์ชันเสถียร
ในเดือนกุมภาพันธ์ Chrome 98 และ Firefox 97 เริ่มมีความเสถียร
Chrome 98 จัดส่งวิธี self.structuredClone แล้ว ซึ่งจะสร้างการโคลนของค่าในระดับลึกโดยใช้อัลกอริทึมการโคลนที่มีโครงสร้าง อ่านเพิ่มเติมเกี่ยวกับ structuredClone()
Firefox 97 มีเลเยอร์ Cascade กฎแอตทริบิวต์ @layer จะกำหนดเลเยอร์แบบ Cascade เพื่อช่วยให้ควบคุมความจำเพาะได้
@layer framework {
/* creates a new layer named framework */
}
Firefox เป็นเบราว์เซอร์แรกที่นำแอปนี้มาเป็นเวอร์ชันที่เผยแพร่ อย่างไรก็ตาม ลองดูส่วนของโพสต์นี้เกี่ยวกับรุ่นเบต้า เนื่องจากอีกไม่นานฟีเจอร์นี้จะพร้อมใช้งานในทุกที่ ดูข้อมูลเพิ่มเติมเกี่ยวกับการเรียงซ้อนเลเยอร์ในเลเยอร์ Cacade กำลังจะมาในเบราว์เซอร์ของคุณ
นอกจากนี้ Firefox ยังเข้าสู่พร็อพเพอร์ตี้ scrollbar-gutter ด้วย พร็อพเพอร์ตี้นี้ช่วยนำการเปลี่ยนแปลงของเลย์เอาต์ที่เกิดจากแถบเลื่อนที่ปรากฏเมื่อเนื้อหาเพิ่มขึ้นออก
รางน้ำของแถบเลื่อนคือช่องว่างระหว่างขอบเส้นขอบด้านในและขอบระยะห่างจากขอบด้านนอก แถบเลื่อนจะปรากฏขึ้นหากจำเป็น หากไม่มีแถบเลื่อนอยู่ รางน้ำจะแสดงเป็นส่วนขยายของระยะห่างจากขอบ CSS ต่อไปนี้จะเพิ่มระยะห่างตามขนาดของแถบเลื่อนทั้ง 2 ด้านของช่อง เพื่อให้รูปลักษณ์เป็นแบบสมมาตร
.container {
scrollbar-gutter: stable both-edges;
}
Chrome 98 รองรับแบบอักษรเวกเตอร์ที่ไล่ระดับสี COLRv1 ซึ่งเป็นแบบอักษรใหม่เพิ่มเติม แบบอักษรสีประกอบด้วยตัวอักษรที่มีหลายสี ซึ่งอาจเป็นอีโมจิ ธงชาติ หรือตัวอักษรหลากสี
อ่านเพิ่มเติมเกี่ยวกับรูปแบบแบบอักษรใหม่นี้ได้ใน COLRv1 Color Gradient Vector Fontsใน Chrome 98
เบราว์เซอร์รุ่นเบต้า
เบราว์เซอร์รุ่นเบต้าช่วยให้คุณมีตัวอย่างของสิ่งที่จะอยู่ในเบราว์เซอร์เวอร์ชันเสถียรถัดไป ตอนนี้เป็นเวลาที่เหมาะแก่การทดสอบฟีเจอร์ใหม่หรือการนำออกที่อาจส่งผลต่อเว็บไซต์ก่อนที่โลกจะเปิดตัว
รุ่นเบต้าใหม่ในเดือนกุมภาพันธ์คือ Chrome 99 และ Firefox 98 Safari เบต้า 15.4 ยังคงดำเนินไปอย่างต่อเนื่อง เพราะฉันได้พูดถึงความสามารถบางส่วนที่พูดถึงเมื่อเดือนที่แล้ว
Chrome 99 มีเลเยอร์แบบ Cascade และเลเยอร์การเรียงซ้อนใน Safari เบต้า 15.4 ด้วย เราจะเห็นฟีเจอร์นี้ในเบราว์เซอร์ที่ใช้ได้ตลอดในเร็วๆ นี้
นอกจากนี้ใน Chrome 99 ยังเป็นแอตทริบิวต์ใหม่หลายรายการสำหรับ CanvasRenderingContext2D และเมธอด showPicker() ใหม่ใน HTMLInputElement ซึ่งเป็นวิธีแสดงเครื่องมือเลือกเบราว์เซอร์สำหรับวันที่ เวลา สี และไฟล์
ใน Firefox 98 คุณจะเห็นองค์ประกอบ <dialog> อีกฟีเจอร์หนึ่งที่จะอยู่ในเบราว์เซอร์ที่ใช้ได้ตลอดเมื่อ Firefox และ Safari รุ่นเบต้ามีความเสถียร
ฟีเจอร์เบต้าทั้งหมดเหล่านี้จะเข้าสู่เบราว์เซอร์ที่เสถียรในเร็วๆ นี้
ส่วนหนึ่งของซีรีส์ใหม่สำหรับเว็บซีรีส์