ใหม่ใน Chrome 98

Pete LePage

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

ฉันชื่อ Pete LePage มาเจาะลึกกันเลยและดูว่า มีอะไรใหม่สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 98

การเลือกไม่ใช้ธีมมืดอัตโนมัติใน Android

ใน Chrome 96 เราได้เริ่มช่วงทดลองใช้จากต้นทางสำหรับ ธีมมืดอัตโนมัติใน Android

หากเว็บไซต์ของคุณมีธีมสว่างและระบบปฏิบัติการของผู้ใช้อยู่ในโหมดมืด เบราว์เซอร์จะนำธีมมืดที่สร้างขึ้นโดยอัตโนมัติไปใช้กับเว็บไซต์เมื่อใช้ฟีเจอร์นี้

หากคุณลงชื่อสมัครทดลองใช้จากต้นทางและต้องการเลือกไม่ใช้ธีมมืดที่สร้างขึ้นโดยอัตโนมัติสำหรับหน้าเว็บหนึ่งๆ คุณก็ใช้เมตาแท็กได้

<meta name="color-scheme" content="only light">

หรือเลือกไม่ใช้โดยการตั้งค่า color-scheme: only light ในองค์ประกอบ :root

:root {
  color-scheme: only light;
}

แต่ข้อดีหลักๆ ของวิธีนี้คือคุณจะเลือกไม่ใช้ได้แบบรายองค์ประกอบ โดยใช้รูปแบบเฉพาะกับองค์ประกอบนั้นๆ

.only-light,
#my-element {
  color-scheme: only light;
}

ดูรายละเอียดทั้งหมดได้ที่ส่วนวิธีเลือกไม่ใช้ธีมมืดอัตโนมัติในธีมมืดอัตโนมัติใน Android

การรองรับแบบอักษร COLRv1

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

แบบอักษรสีช่วยให้ไฮไลต์ภาพ บรรทัดแรก และแบนเนอร์โดดเด่นสะดุดตา

บรรทัดแรกที่ใช้แบบอักษร COLRv1

Use Case หนึ่งที่ฉันชอบสำหรับ COLRv1 หมายความว่ามีการใช้อีโมจิที่สอดคล้องกันในทุกแพลตฟอร์ม คุณไม่จำเป็นต้องแทนที่อีโมจิด้วยไฟล์ภาพ เนื่องจากไฟล์แบบอักษรจะมีขนาดเล็กลงและรวมไว้ในหน้าเว็บได้ง่ายขึ้น

ไฟล์แบบอักษรที่ใช้อีโมจิที่สอดคล้องกัน

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

ดูรายละเอียดเพิ่มเติมและวิธีสร้างแบบอักษรของตัวเองได้ที่ COLRv1 Color Gradient Vector Fontsใน Chrome 98

จำลอง Chrome 100 ในสตริง UA

ในอีกไม่กี่เดือน เราจะได้ใช้ Chrome 100 ซึ่งเป็นหมายเลขเวอร์ชัน3 หลัก ควรตรวจสอบโค้ดที่ตรวจสอบหมายเลขเวอร์ชันหรือแยกวิเคราะห์สตริง UA เพื่อให้แน่ใจว่าจัดการกับตัวเลข 3 หลัก

มีการแจ้งว่าไม่เหมาะสมชื่อ #force-major-version-to-100 ซึ่งจะเปลี่ยนหมายเลขเวอร์ชันปัจจุบันเป็น 100 คุณจึงตรวจสอบว่าทุกอย่างทำงานได้ตามที่คาดไว้

Chrome Flag หน้าที่ไฮไลต์ตัวเลือก #force-major-version-to-100 ใหม่

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

แน่นอน ยังมีคำถามอีกมากมาย

ตอนนี้คำขอการตรวจสอบล่วงหน้าของ CORS จะส่งก่อนคำขอเครือข่ายส่วนตัวสำหรับทรัพยากรย่อย โดยจะขอสิทธิ์ที่ชัดเจนจากเซิร์ฟเวอร์เป้าหมาย

มีช่วงทดลองใช้จากต้นทางใหม่สำหรับ Region Capture ซึ่งเป็น API สำหรับการครอบตัดแทร็กวิดีโอที่ถ่ายด้วยตัวเอง เหมาะสำหรับการแชร์หน้าจอในแอปการประชุมทางวิดีโอ เพื่อที่คุณจะได้ไม่สร้างเอฟเฟกต์กระจก

มีการวางแผนใช้การควบคุมหน้าต่างวางซ้อนกันสำหรับ Chrome 98 แต่เราพบปัญหาในนาทีสุดท้าย จึงไม่เริ่มใช้งาน เรายังคงพัฒนาอยู่ และหวังว่าจะได้เผยแพร่ ใน 2-3 รุ่นต่อๆ ไป

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

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

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

โปรดติดตามช่อง YouTube ของ Chrome Developers และรับการแจ้งเตือนทางอีเมลทุกครั้งที่เราเปิดตัววิดีโอใหม่

ฉันชื่อ Pete LePage และทันทีที่เปิดตัว Chrome 99 ฉันจะมาบอกว่า มีอะไรใหม่ใน Chrome!