ใหม่ใน Chrome 119

Adriana Jara

สิ่งที่จำเป็นต้องทราบมีดังนี้

ฉันชื่อ Adriana Jara มาดูกันว่ามีอะไรใหม่สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 119

วันที่หมดอายุของคุกกี้

ตั้งแต่ Chrome 104 คุกกี้ที่สร้างขึ้นใหม่หรือคุกกี้ที่อัปเดตโดยระบุวันที่หมดอายุจะมีวันที่หมดอายุไม่เกิน 400 วันในอนาคต ขีดจํากัดเดียวกันนี้จะมีผลย้อนหลังกับคุกกี้ที่อยู่ในพื้นที่เก็บข้อมูลอยู่แล้ว

วันที่หมดอายุของคุกกี้เหล่านี้จะไม่เกิน 400 วันหลังจาก Chrome 119 ขึ้นไปเริ่มต้นขึ้นเป็นครั้งแรกและทำการย้ายข้อมูลฐานข้อมูลแบบครั้งเดียว ผู้ใช้จะไม่ได้รับผลกระทบจากการเปลี่ยนแปลงนี้จนกว่าจะผ่านพ้น 400 วันหลังจากการเปิดตัว Chrome 119 และจะมีผลกับคุกกี้ที่มีอยู่ซึ่งยังไม่ได้อัปเดตในช่วงดังกล่าวเท่านั้น

อ่านข้อมูลเพิ่มเติมเกี่ยวกับคําแนะนําเกี่ยวกับวันที่หมดอายุ และโปรดทราบว่าเราจะเลิกใช้งานคุกกี้ของบุคคลที่สามในอนาคตอันใกล้ รวมถึงคําแนะนําในการเตรียมพร้อมสําหรับการเลิกใช้งาน

การอัปเดต CSS

สําหรับ CSS เรามีอัปเดต 3 รายการดังนี้

รายการที่ 1: คลาสจำลอง :user-invalid และ :user-valid ใหม่ ซึ่งแสดงถึงองค์ประกอบที่มีอินพุตไม่ถูกต้องหรือถูกต้องตามลำดับ แต่หลังจากผู้ใช้โต้ตอบกับองค์ประกอบนั้นอย่างมีนัยสำคัญแล้วเท่านั้น ซึ่งคล้ายกับคลาสจำลอง :valid และ :invalid แต่มีข้อจำกัดเพิ่มเติมคือคลาสจำลองใหม่จะจับคู่หลังจากที่ผู้ใช้โต้ตอบกับองค์ประกอบเท่านั้น

ข้อที่ 2: ไวยากรณ์สีแบบสัมพัทธ์ช่วยให้นักพัฒนาแอปกำหนดสีโดยการแก้ไขพารามิเตอร์ของสีอื่นๆ ได้

เช่น oklab(from magenta calc(l * 0.8) a b); จะให้สีม่วงแดง Oklab ที่อ่อนกว่า 80%

และข้อที่ 3 คือตอนนี้ clip-path รองรับค่าได้มากขึ้น

พร็อพเพอร์ตี้ clip-path จะสร้างพื้นที่การครอบตัดที่กำหนดว่าควรแสดงองค์ประกอบส่วนใด ส่วนที่อยู่ภายในภูมิภาคจะแสดง ส่วนที่อยู่นอกภูมิภาคจะซ่อนอยู่

ตอนนี้คุณใช้ค่า <geometry-box> เพื่อควบคุมกล่องอ้างอิงของคลิปได้แล้ว ซึ่งทำให้ clip-path ใช้งานได้ง่ายขึ้น ค่ากล่องเหล่านี้สามารถใช้ร่วมกับรูปร่างพื้นฐาน (เช่น clip-path: circle(50%) margin-box) หรือจะใช้เพียงอย่างเดียวเพื่อตัดไปยังกล่องที่ระบุก็ได้ (เช่น clip-path: content-box)

นอกจากนี้ คุณยังใช้ฟังก์ชัน xywh() และ rect() ที่ช่วยระบุคลิปสี่เหลี่ยมผืนผ้าหรือสี่เหลี่ยมผืนผ้าที่โค้งมนได้ง่ายขึ้นได้ด้วย

การแก้ไข: บทความเวอร์ชันก่อนหน้ากล่าวถึงการปรับปรุงเฟรมที่มีรั้วล้อม การเปลี่ยนแปลงเหล่านี้พร้อมใช้งานใน Chrome 120 แล้ว

และอีกมากมาย

แน่นอนว่ายังมีอีกมากมาย

  • WebSQL ถูกนำออกอย่างสมบูรณ์แล้วใน Chrome เวอร์ชัน 119 การทดลองใช้แหล่งที่มาแบบย้อนกลับช่วยให้นักพัฒนาแอปใช้ WebSQL ได้ต่อไปจนถึง Chrome 123

  • ตอนนี้คุณสามารถใช้ตัวเลือก monitorTypeSurfaces เพื่อป้องกันไม่ให้ผู้ใช้แชร์ทั้งหน้าจอด้วย getDisplayMedia()

  • มีการทดลองใช้ต้นทางที่เพิ่มพารามิเตอร์ fullscreen windowFeatures ลงใน window.open() JavaScript API เพื่ออนุญาตให้ผู้เรียกเปิดป๊อปอัปเป็นโหมดเต็มหน้าจอได้โดยตรง

อ่านเพิ่มเติม

ข้อมูลนี้เป็นเพียงไฮไลต์สำคัญบางส่วนเท่านั้น ดูการเปลี่ยนแปลงเพิ่มเติมใน Chrome 119 ได้ที่ลิงก์ด้านล่าง

สมัครใช้บริการ

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

ฉันชื่อ Adriana Jara และพร้อมที่จะแจ้งให้คุณทราบถึงสิ่งใหม่ๆ ใน Chrome ทันทีที่ Chrome 120 เปิดตัว