ใหม่ใน Chrome 119

Adriana Jara

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

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

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

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

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

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

การอัปเดต 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() ที่ช่วยให้ระบุคลิปสี่เหลี่ยมผืนผ้าหรือสี่เหลี่ยมผืนผ้าได้ง่ายขึ้น

การแก้ไข: บทความก่อนหน้านี้ได้กล่าวถึงการปรับปรุง Fenced Frame โดยขณะนี้การเปลี่ยนแปลงเหล่านี้จะจัดส่งใน Chrome 120

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

แถมยังมีอีกมากมาย

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

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

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

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

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

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

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

อ้าว คุณ Adriana Jara แล้ว ทันทีที่ Chrome 120 เปิดตัว ผมจะมา บอกให้ทราบว่ามีอะไรใหม่ใน Chrome