ใหม่ใน Chrome 98

Pete LePage

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

  • หากเคยลองใช้การทดลองใช้ธีมมืดโดยอัตโนมัติในต้นทาง คุณจะมีวิธีใหม่ในการเลือกไม่ใช้ในระดับองค์ประกอบ
  • ตอนนี้รองรับ COLRv1 ซึ่งเป็นรูปแบบแบบพัฒนามาจากรูปแบบแบบอักษร COLRv0 แล้ว
  • และยังมีอีกมากมาย

ฉันชื่อ 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 หลัก

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

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

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

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

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

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

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

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

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

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

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

ผมชื่อ Pete LePage และพร้อมที่จะมาบอกคุณถึงสิ่งใหม่ๆ ใน Chrome ทันทีที่ Chrome 99 เปิดตัว