ใหม่ใน 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 ซึ่งเป็นคลาส Pseudo แต่มีข้อจำกัดเพิ่มเติมซึ่งคลาส Pseudo ใหม่จับคู่หลังจากที่ผู้ใช้โต้ตอบกับองค์ประกอบแล้วเท่านั้น

ขั้นตอนที่ 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 120 เราจะแจ้งให้คุณทราบว่ามีอะไรใหม่ใน Chrome