ไอ้เวร Safari 16 ออกสู่ป่าอย่างเป็นทางการแล้ว และมันอัดแน่นไปด้วยฟีเจอร์มากมาย ใหม่และน่าตื่นเต้น (Subgrid! Container Queries! Font Palettes!) และอื่นๆ ที่เรารอคอยสำหรับการสนับสนุนข้ามเบราว์เซอร์ที่ดียิ่งขึ้น (Motion Path! Overscroll Behavior! AVIF!) ฉันคิด เจน ซิมมอนส์ พิมพ์อย่างร่าเริงเขียนสารพัดใหม่ทั้งหมดใน ประกาศสรุป.
เพียงแค่วางคุณสมบัติ CSS ใหม่จากบันทึกย่อประจำรุ่น:
- เพิ่มการรองรับการสืบค้นขนาดสำหรับ Container Queries Chrome เริ่มสนับสนุนในเวอร์ชัน 105 ดังนั้นเราจึงต้องมี Firefox เพื่อเข้าร่วมปาร์ตี้เพื่อให้ครอบคลุม The Big Three™
- เพิ่มการรองรับสำหรับ Container Query Units หน่วยเหล่านี้ จับมือกับคอนเทนเนอร์คิวรี อีกครั้งที่เราต้องการ Firefox
- เพิ่มการรองรับ Subgrid ตอนนี้เป็น Safari และ Firefox ที่มีการสนับสนุนครอบคลุม ข่าวดีก็คือว่า Chrome กำลังพัฒนาอยู่ เช่นกัน
- เพิ่มการรองรับ Grids ที่เคลื่อนไหวได้ เจ๋งมาก! Chrome ได้ใช้สิ่งนี้มาโดยตลอด และ Firefox ก็เริ่มสนับสนุนมัน ย้อนกลับไปใน 2019.
- เพิ่มการรองรับ Offset Path สิ่งนี้เรียกอีกอย่างว่า เส้นทางการเคลื่อนไหวและเราเคยมี รองรับเบราว์เซอร์แบบกว้างตั้งแต่ปี 2020. ยินดีที่ได้เห็น Safari บนเรือ
- เพิ่มการรองรับ Overscroll Behavior ตอนนี้ เราสามารถปรับเปลี่ยน “scroll chaining” และ overflow affordances ด้วย
overscroll-behaviorคุณสมบัติ - เพิ่มการสนับสนุนสำหรับ
text-align-last. ตอนนี้เราพร้อมแล้วด้วยการสนับสนุนข้ามเบราว์เซอร์สำหรับ คุณสมบัตินี้! - เพิ่มการสนับสนุนสำหรับ
resolutionแบบสอบถามสื่อ รวมไว้ที่นี่แล้วด้วย!
มีการอัปเดตที่ดีบางอย่างสำหรับเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ของ Safari เช่นกัน เรามีตัวตรวจสอบ Flexbox แท็บไทม์ไลน์ (พร้อมไทม์ไลน์ของภาพหน้าจอทดลอง) และข้อมูลการสืบค้นคอนเทนเนอร์ มีเต็มเลย วิดีโอ 32 นาที ที่เดินผ่านทุกสิ่งเช่นกัน
ฉันคิด Safari ฮิต เป็นการปล่อยตัวนักฆ่าที่สวย แต่ 16 นั้นค่อนข้างยิ่งใหญ่เมื่อเปรียบเทียบ ฉันรู้ว่ามีบรรยากาศแบบ “Safari is the new Internet Explorer” ในบางแวดวง แต่ฉันมีความสุขที่ได้เห็นการกระโดดครั้งใหญ่เช่นนี้และซาบซึ้งกับโมเมนตัมทั้งหมด โกซาฟารีทีม!
