ประเภทสีและพื้นที่สีแบบใหม่ของ CSS, ฟังก์ชันตรีโกณมิติ CSS และ View Transitions API
การเปลี่ยนแปลงต่อไปนี้จะมีผลกับ Chrome เวอร์ชันเบต้ารุ่นล่าสุดสำหรับ Android, ChromeOS, Linux, macOS และ Windows เว้นแต่จะระบุไว้เป็นอย่างอื่น ดูข้อมูลเพิ่มเติมเกี่ยวกับฟีเจอร์ต่างๆ ที่ระบุไว้ที่นี่ผ่านลิงก์ที่ให้ไว้หรือจากรายการใน ChromeStatus.com โดย Chrome 111 เป็นรุ่นเบต้าในวันที่ 9 กุมภาพันธ์ 2023 คุณสามารถดาวน์โหลดเวอร์ชันล่าสุดได้ที่ Google.com สำหรับเดสก์ท็อปหรือ Google Play Store บน Android
CSS
ประเภทสีและช่องว่างใหม่ใน CSS
เปิดใช้ฟีเจอร์ทั้งหมดที่อธิบายไว้ในสี CSS ระดับ 4 แล้ว โดยจะรวมถึงสีที่ขึ้นอยู่กับอุปกรณ์ 4 ประเภท (ห้องทดลอง, Oklab, lch และ Oklch) ฟังก์ชัน color() ตลอดจนพื้นที่สีที่ผู้ใช้กำหนดสำหรับการไล่ระดับสีและภาพเคลื่อนไหว
อ่านคู่มือสี CSS ความละเอียดสูงเพื่อดูข้อมูลเกี่ยวกับประเภทสีและพื้นที่ใหม่เหล่านี้
ฟังก์ชัน color-mix()
ฟังก์ชัน color-mix() ที่มีประโยชน์อย่างยิ่งจาก CSS Color 5 ก็มีการจัดส่งด้วยเช่นกัน ฟังก์ชันนี้ช่วยให้ผสมเปอร์เซ็นต์ของสีหนึ่งลงในอีกสีหนึ่งได้ในพื้นที่สีที่รองรับ ตัวอย่างต่อไปนี้จะผสม 10% ของ blue ลงใน white ใน SRGB
.item {
background-color: color-mix(in srgb, blue 10%, white);
}
ตัวเลือก CSS 4 คลาส Pseudo :nth-child(an + b ของ S)
ขยาย :nth-child(an + b) และ :nth-last-child() เพื่อใช้ตัวเลือก ตัวอย่างเช่น :nth-child(3 of .c) คือ .c ที่ 3 ภายใต้ระดับบนสุดที่ระบุไว้ หากต้องการดูข้อมูลเพิ่มเติม โปรดอ่านโพสต์ควบคุมการเลือก :nth-child() ได้มากขึ้นด้วยไวยากรณ์ of S
หน่วยแบบอักษรรูท CSS
เพิ่มหน่วยแบบอักษรรูท: rex, rch, ric และ rlh ลงในหน่วยแบบอักษรรูทที่มีอยู่ของ rem
ฟังก์ชันตรีโกณมิติ CSS
เพิ่มฟังก์ชันตรีโกณมิติ sin(), cos(), tan(), asin(), acos(), atan(), atan2() ในนิพจน์คณิตศาสตร์ CSS แล้ว
การค้นหาคอนเทนเนอร์รูปแบบสำหรับพร็อพเพอร์ตี้ที่กำหนดเองของ CSS
เพิ่มฟังก์ชัน style() ในกฎ @container เพื่อให้สามารถใช้รูปแบบโดยอิงตามค่าที่คำนวณแล้วของคุณสมบัติที่กำหนดเองขององค์ประกอบระดับบน
พร็อพเพอร์ตี้ baseline-source
พร็อพเพอร์ตี้ baseline-source ช่วยให้นักพัฒนาเว็บระบุว่าช่องระดับแทรกในบรรทัดควรใช้เกณฑ์พื้นฐาน first หรือ last เพื่อความสอดคล้องภายในบรรทัด
API ของเว็บ
สตริงนโยบายสิทธิ์และนโยบายสิทธิ์ window-management
Chrome 111 เพิ่ม window-management เป็นชื่อแทนสำหรับสิทธิ์ window-placement และสตริงนโยบายสิทธิ์ นี่เป็นส่วนหนึ่งของความพยายามครั้งใหญ่ในการเปลี่ยนชื่อสตริงโดยการเลิกใช้งานและนำ window-placement ออกในท้ายที่สุด การเปลี่ยนแปลงคำศัพท์จะช่วยเพิ่มอายุการใช้งานของคำอธิบาย เนื่องจาก Window Management API มีการพัฒนาอยู่เรื่อยๆ
API เซสชันสื่อ: การดำเนินการนำเสนอสไลด์
เพิ่มการดำเนินการ previousslide และ nextslide ไปยัง Media Session API ที่มีอยู่
ArrayBuffer ที่ปรับขนาดได้และ SharedArrayBuffer ที่เติบโตได้
ขยายเครื่องมือสร้าง ArrayBuffer ให้มีความยาวสูงสุดเพิ่มเติมเพื่อให้เจริญเติบโตทันตำแหน่งและการลดขนาดของบัฟเฟอร์ ในทำนองเดียวกัน SharedArrayBuffer จะขยายไปเพิ่มความยาวสูงสุดให้ธุรกิจมีการเติบโตมากขึ้น
กฎการคาดเดา: คีย์นโยบาย URL ที่มา
ซึ่งจะขยายไวยากรณ์ของกฎการคาดเดาเพื่อให้นักพัฒนาซอฟต์แวร์ระบุนโยบาย URL ที่มาเพื่อใช้กับคำขอไม่แน่นอนที่ทริกเกอร์โดยกฎการคาดเดา นอกจากนี้ ยังกลับมาใช้ข้อกำหนด "นโยบาย URL ที่มาอย่างเพียงพอ" อีกครั้งด้วย
สตรีมมิง Shadow DOM ที่มีการประกาศ
ซึ่งจะช่วยเพิ่มการสนับสนุนสำหรับสตรีมมิง โดยการแนบ Shadow Root ไว้ที่ส่วนเปิดแทนที่จะใช้แท็กปิดของเทมเพลต
ดู Transitions API
เปิดใช้การสร้างการเปลี่ยนภาพอย่างราบรื่นในแอปพลิเคชันหน้าเว็บเดียว (SPA) โดยสแนปชอตมุมมองและอนุญาตให้ DOM เปลี่ยนแปลงโดยไม่ทับซ้อนกันระหว่างสถานะ ใช้การเปลี่ยนมุมมองเพื่อสร้างการเปลี่ยนที่กำหนดเอง หรือใช้ค่าเริ่มต้นครอสเฟดแบบง่ายเพื่อปรับปรุงประสบการณ์ของผู้ใช้
โปรดอ่านบทความสำหรับนักพัฒนาซอฟต์แวร์ Chrome เพื่อดูข้อมูลเพิ่มเติมและตัวอย่างการเปลี่ยนเพื่อช่วยคุณเริ่มต้นใช้งาน
ส่วนขยายการเขียนโค้ดวิดีโอที่ปรับขนาดได้ของ WebRTC
ส่วนขยายนี้กำหนดวิธีมาตรฐานสำหรับการเลือกระหว่างการกำหนดค่าการเข้ารหัสวิดีโอที่รองรับการปรับขนาด (SVC) ที่เป็นไปได้ในแทร็กวิดีโอขาออก
แอตทริบิวต์ WebXR enabledFeatures
แสดงชุดของฟีเจอร์ที่เปิดใช้งานสำหรับ XRSession นี้ตามที่ XRSessionInit ระบุไว้ และฟีเจอร์โดยนัยที่จำเป็นสำหรับโหมดและฟีเจอร์ที่ระบุ สำหรับเซสชันที่ได้รับอนุญาต จะมี requiredFeatures ทั้งหมดแต่อาจเป็นกลุ่มย่อยของ optionalFeatures ฟีเจอร์ส่วนใหญ่จะมีวิธีอื่นๆ ในการตรวจสอบว่ามีการให้สิทธิ์หรือไม่ อย่างไรก็ตาม สำหรับฟีเจอร์บางอย่าง สัญญาณที่บอกว่ามีการเปิดใช้ฟีเจอร์หรือไม่อาจเชื่อมโยงอย่างใกล้ชิดกับข้อมูลของฟีเจอร์ที่ยังไม่พร้อมใช้งานในขณะนี้ มากกว่าจะไม่มีข้อมูลไม่พร้อมใช้งานเลย การค้นหา enabledFeatures จะช่วยให้คุณระบุได้ว่าควรแสดงคำแนะนำที่เป็นประโยชน์ (เช่น การปรับปรุงหรือเริ่มต้นการติดตาม) หรือไม่ หรือระบบจะไม่รองรับฟีเจอร์ใดๆ ในเซสชันปัจจุบันหรือไม่
ช่วงทดลองใช้จากต้นทางอยู่ระหว่างดำเนินการ
ใน Chrome 111 คุณเลือกใช้ช่วงทดลองใช้จากต้นทางใหม่ต่อไปนี้ได้
การทดลองใช้การเลิกใช้งานเพื่อนำการข้าม CSP ของ connect-src ใน Web Payment API ออก
เลิกใช้งานความสามารถของ Web Payment API ในการข้ามนโยบาย connect-src CSP เมื่อดึงข้อมูลไฟล์ Manifest หลังจากการเลิกใช้งานนี้ นโยบาย connect-src CSP ของเว็บไซต์จะต้องอนุญาต URL ของวิธีการชำระเงินที่ระบุในการเรียก PaymentRequest รวมถึง URL อื่นๆ ที่เมธอดเชนใช้เพื่อดึงข้อมูลไฟล์ Manifest
เราจะนำความสามารถในการข้ามนี้ออกจาก Chrome 111 โดยมีช่วงทดลองใช้จากต้นทางแบบย้อนกลับจากเวอร์ชัน 111 เป็น 113 สำหรับนักพัฒนาซอฟต์แวร์ที่ต้องการเปิดใช้การข้ามอีกครั้งชั่วคราว หากต้องการเลือกใช้ ให้ลงทะเบียนช่วงทดลองใช้การเลิกใช้งานแบบย้อนกลับสำหรับการข้าม CSP ของ connect-src
การแสดงภาพซ้อนภาพของเอกสาร
Document Picture-in-Picture API คือ API ใหม่ที่จะเปิดหน้าต่างด้านบนตลอดเวลาที่เติมข้อมูลด้วยเนื้อหา HTML ที่กำหนดเอง นี่เป็นการขยายจาก Picture-in-Picture API ที่มีอยู่ซึ่งทำให้สามารถใส่ HTMLVideoElement ลงในหน้าต่าง PIP เท่านั้น วิธีนี้ช่วยให้นักพัฒนาเว็บมอบประสบการณ์การใช้งาน PIP ที่ดียิ่งขึ้นแก่ผู้ใช้ได้
โปรดอ่านเอกสารประกอบสำหรับเอกสารการแสดงภาพซ้อนภาพ
ลงทะเบียนทดลองใช้เอกสารสำหรับต้นทางการแสดงภาพซ้อนภาพ
การเลิกใช้งานและการนำออก
Chrome เวอร์ชันนี้จะแนะนำการเลิกใช้งานและการนำออกตามรายการด้านล่าง ไปที่ ChromeStatus.com เพื่อดูรายการการเลิกใช้งานที่วางแผนไว้ การเลิกใช้งานในปัจจุบัน และการนำออกก่อนหน้า
Chrome รุ่นนี้จะนำฟีเจอร์ออก 3 รายการ
นำเครื่องมือการชำระเงินออก
PaymentInstruments คือ Web API ที่รองรับการติดตั้งแอปการชำระเงินที่ไม่ใช่ JIT (ดู https://w3c.github.io/payment-handler/) ได้รับการออกแบบโดยสันนิษฐานว่าเบราว์เซอร์จะจัดเก็บรายละเอียดเครื่องมือการชำระเงินจริง แต่ยังไม่เป็นความจริง และมีข้อมูลรั่วไหลบางอย่าง นอกจากนี้ ยังไม่มีการส่งแอปพลิเคชันไปยังเบราว์เซอร์อื่น และเราไม่เห็นความสนใจจากผู้ให้บริการเบราว์เซอร์รายอื่น ด้วยเหตุนี้ API นี้จึงเลิกใช้งานแล้วและนําออก
นําการข้าม CSP connect-src ใน Web Payment API ออก
เลิกใช้งานความสามารถของ Web Payment API ในการข้ามนโยบาย connect-src CSP เมื่อดึงข้อมูลไฟล์ Manifest หลังจากการนำออกนี้ นโยบาย connect-src CSP ของเว็บไซต์จะต้องอนุญาต URL ของวิธีการชำระเงินที่ระบุในการเรียก PaymentRequest รวมทั้ง URL อื่นๆ ที่วิธีการเชื่อมโยงเส้นทางเพื่อดึงข้อมูลไฟล์ Manifest
ดูข้อมูลในส่วนช่วงทดลองใช้จากต้นทางสำหรับวิธีเลือกใช้ช่วงทดลองใช้การเลิกใช้งาน ซึ่งจะให้เวลามากขึ้นในการทำการเปลี่ยนแปลงที่จำเป็นเนื่องจากการนำออกนี้
ข้อมูลระบุตัวตนผู้ขายในกิจกรรม canmakepayment
เหตุการณ์ Service Worker canmakepayment ช่วยให้ผู้ขายทราบว่าผู้ใช้มีบัตรที่บันทึกไว้ในแอปการชำระเงินที่ติดตั้งไว้หรือไม่ เหตุการณ์ดังกล่าวใช้เพื่อส่งผ่านต้นทางของผู้ขายและข้อมูลที่กำหนดเองไปยัง Service Worker จากต้นทางของแอปการชำระเงินโดยไม่มีการแจ้งเตือน การสื่อสารแบบข้ามต้นทางนี้เกิดขึ้นในการสร้าง PaymentRequest ใน JavaScript ไม่ต้องใช้ท่าทางสัมผัสของผู้ใช้ และไม่แสดงอินเทอร์เฟซผู้ใช้ใดๆ ระบบได้นำข้อมูลที่ไม่มีการแจ้งเตือนนี้ออกจากเหตุการณ์ canmakepayment และ Intent ของ Android IS_READY_TO_PAY แล้ว)