ประเภทสีและพื้นที่สี 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 ประเภทที่ไม่ขึ้นอยู่กับอุปกรณ์ (lab, Oklab, lch และ Oklch) ฟังก์ชัน color() และพื้นที่สีที่ผู้ใช้กำหนดสำหรับการไล่ระดับสีและภาพเคลื่อนไหว
อ่านคู่มือสี CSS ความละเอียดสูงเพื่อดูข้อมูลเกี่ยวกับประเภทและพื้นที่สีใหม่เหล่านี้
ฟังก์ชัน color-mix()
ฟังก์ชัน color-mix() ที่มีประโยชน์อย่างยิ่งจาก CSS Color 5 ก็มีให้ใช้งานด้วย ฟังก์ชันนี้ช่วยให้คุณผสมสีหนึ่งๆ กับอีกสีหนึ่งในเปอร์เซ็นต์ที่ต้องการได้ในพื้นที่สีที่รองรับ ตัวอย่างต่อไปนี้ผสม blue 10% ลงใน white ใน SRGB
.item {
background-color: color-mix(in srgb, blue 10%, white);
}
ตัวเลือก CSS 4 คลาสจำลอง :nth-child(an + b of 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 สำหรับการจัดตำแหน่งภายในกล่องบรรทัดหรือไม่
Web API
สตริงสิทธิ์ window-management และนโยบายสิทธิ์
Chrome 111 เพิ่ม window-management เป็นชื่อแทนสำหรับสิทธิ์ window-placement และสตริงนโยบายสิทธิ์ ซึ่งเป็นส่วนหนึ่งของความพยายามโดยรวมที่จะเปลี่ยนชื่อสตริงโดยเลิกใช้งานและนำ window-placement ออกในที่สุด การเปลี่ยนแปลงคำศัพท์นี้จะช่วยยืดอายุของคําอธิบายประกอบได้เมื่อ Window Management API พัฒนาไปเรื่อยๆ
Media Session API: การนำเสนอการดำเนินการกับสไลด์
เพิ่มการดําเนินการ previousslide และ nextslide ลงใน Media Session API ที่มีอยู่
ArrayBuffer ที่ปรับขนาดได้และ SharedArrayBuffer ที่ขยายได้
ขยายตัวสร้าง ArrayBuffer ให้ใช้ความยาวสูงสุดเพิ่มเติมที่ช่วยให้บัฟเฟอร์เติบโตและเล็กลงได้ในที่ ในทํานองเดียวกัน SharedArrayBuffer จะขยายให้มีความยาวสูงสุดเพิ่มขึ้นเพื่อให้เติบโตได้
กฎการคาดเดา: คีย์นโยบาย URL ที่มา
ซึ่งจะขยายรูปแบบคำสั่งของกฎการคาดการณ์เพื่อให้นักพัฒนาแอประบุนโยบาย URL ที่มาที่จะใช้กับคำขอที่มีการคาดการณ์ซึ่งเกิดจากกฎการคาดการณ์ การดำเนินการนี้ยังนําข้อกําหนด "นโยบายผู้อ้างอิงที่เข้มงวดเพียงพอ" กลับมาใช้อีกครั้งด้วย
สตรีมมิง Shadow DOM แบบประกาศ
ซึ่งจะเพิ่มการรองรับสตรีมมิงโดยแนบรูทเงาในแท็กเทมเพลตเปิดแทนที่จะเป็นแท็กเทมเพลตปิด
View Transitions API
ช่วยให้สร้างทรานซิชันที่สมบูรณ์แบบในแอปพลิเคชันหน้าเว็บเดียว (SPA) ได้โดยการสร้างภาพรวมของมุมมองและอนุญาตให้ DOM เปลี่ยนแปลงโดยไม่ทับซ้อนกันระหว่างสถานะต่างๆ ใช้ทรานซิชันของมุมมองเพื่อสร้างทรานซิชันที่กำหนดเอง หรือใช้ทรานซิชันแบบ Crossfade เริ่มต้นที่เรียบง่ายเพื่อปรับปรุงประสบการณ์ของผู้ใช้
ดูข้อมูลเพิ่มเติมและตัวอย่างการเปลี่ยนผ่านที่จะช่วยคุณเริ่มต้นใช้งานได้จากบทความสำหรับนักพัฒนาซอฟต์แวร์ Chrome
ส่วนขยายการโค้ดวิดีโอแบบปรับขนาดได้ของ WebRTC
ส่วนขยายนี้กำหนดวิธีการมาตรฐานในการเลือกระหว่างการกำหนดค่า Scalable Video Coding (SVC) ที่เป็นไปได้ในแทร็กวิดีโอ WebRTC ขาออก
แอตทริบิวต์ enabledFeatures ของ WebXR
แสดงชุดฟีเจอร์ที่เปิดใช้สำหรับ XRSession นี้ตามที่ระบุโดย XRSessionInit และฟีเจอร์โดยนัยที่ข้อกำหนดกำหนดไว้สำหรับโหมดและฟีเจอร์ที่ระบุ สำหรับเซสชันที่ได้รับสิทธิ์ รายการนี้จะมี requiredFeatures ทั้งหมด แต่อาจเป็นเพียงบางส่วนของ optionalFeatures ฟีเจอร์ส่วนใหญ่มีวิธีอื่นในการระบุว่าฟีเจอร์ได้รับสิทธิ์หรือไม่ อย่างไรก็ตาม สัญญาณที่บ่งบอกว่าฟีเจอร์เปิดใช้หรือไม่สำหรับบางฟีเจอร์อาจเชื่อมโยงกับข้อมูลของฟีเจอร์ที่ใช้งานไม่ได้ในขณะนี้ ไม่ใช่ว่าข้อมูลไม่พร้อมใช้งานเลย การค้นหา enabledFeatures ช่วยให้คุณระบุได้ว่าควรแสดงคำแนะนำที่เป็นประโยชน์ (เช่น เพื่อปรับปรุงหรือเริ่มการติดตาม) หรือระบบจะไม่รองรับฟีเจอร์ใดๆ ในเซสชันปัจจุบัน
ช่วงทดลองใช้จากต้นทางที่อยู่ระหว่างดำเนินการ
ใน Chrome 111 คุณจะเลือกใช้ช่วงทดลองใช้จากต้นทางใหม่ต่อไปนี้ได้
การทดลองเลิกใช้งานเพื่อนำการข้าม CSP ของ connect-src ใน Web Payment API ออก
เลิกใช้งานความสามารถของ Web Payment API ในการข้ามนโยบาย CSP ของ connect-src เมื่อดึงข้อมูลไฟล์ Manifest หลังจากการเลิกใช้งานนี้ นโยบาย CSP ของ connect-src ของเว็บไซต์จะต้องอนุญาต URL ของวิธีการชำระเงินที่ระบุในการเรียกใช้ PaymentRequest รวมถึง URL อื่นๆ ที่เชนกับวิธีการเพื่อดึงข้อมูลไฟล์ Manifest
เราจะนำความสามารถในการข้ามนี้ออกใน Chrome เวอร์ชัน 111 โดยมีการทดลองย้อนกลับแหล่งที่มาจาก 111 เป็น 113 สำหรับนักพัฒนาซอฟต์แวร์ที่ต้องเปิดใช้การข้ามอีกครั้งชั่วคราว หากต้องการเลือกใช้ ให้ลงทะเบียนเข้าร่วมช่วงทดลองใช้การเลิกใช้งานแบบย้อนกลับสําหรับconnect-srcการข้าม CSP
การแสดงภาพซ้อนภาพในเอกสาร
Document Picture-in-Picture API เป็น API ใหม่ที่เปิดหน้าต่างที่แสดงอยู่ด้านบนเสมอ ซึ่งสามารถป้อนข้อมูลเนื้อหา HTML ใดก็ได้ ซึ่งขยายการให้บริการจาก Picture-in-Picture API ที่มีอยู่ซึ่งอนุญาตให้ใส่ HTMLVideoElement ลงในหน้าต่าง PiP เท่านั้น ซึ่งช่วยให้นักพัฒนาเว็บมอบประสบการณ์การใช้งาน PiP ที่ดีขึ้นให้แก่ผู้ใช้
อ่านเอกสารประกอบสำหรับการแสดงภาพซ้อนภาพในเอกสาร
ลงทะเบียนเข้าร่วมช่วงทดลองใช้ฟีเจอร์ภาพซ้อนภาพจากต้นทางสำหรับเอกสาร
การเลิกใช้งานและการนำออก
Chrome เวอร์ชันนี้จะเลิกใช้งานและนำฟีเจอร์ต่อไปนี้ออก โปรดไปที่ ChromeStatus.com เพื่อดูรายการการเลิกใช้งานที่วางแผนไว้ การเลิกใช้งานในปัจจุบัน และการนําออกก่อนหน้านี้
Chrome เวอร์ชันนี้จะนําฟีเจอร์ 3 รายการออก
นำ PaymentInstruments ออก
PaymentInstruments คือ Web API ที่รองรับการติดตั้งแอปการชำระเงินแบบไม่ใช่ JIT (ดูที่ https://w3c.github.io/payment-handler/) เครื่องมือนี้ออกแบบโดยสมมติว่าเบราว์เซอร์จะจัดเก็บรายละเอียดเครื่องมือการชำระเงินจริง ซึ่งไม่เป็นเช่นนั้น และมีการละเมิดความเป็นส่วนตัวบางส่วน นอกจากนี้ ยังไม่มีการนำไปใช้กับเบราว์เซอร์อื่นๆ และเรายังไม่เห็นความสนใจจากผู้จำหน่ายเบราว์เซอร์รายอื่น ด้วยเหตุนี้ เราจึงเลิกใช้งานและนำ API นี้ออกแล้ว
นำการลบ connect-src CSP ออกใน Web Payment API
เลิกใช้งานความสามารถของ Web Payment API ในการข้ามนโยบาย CSP connect-src เมื่อดึงข้อมูลไฟล์ Manifest หลังจากการนําออกนี้ connect-src นโยบาย CSP ของเว็บไซต์จะต้องอนุญาต URL ของวิธีการชำระเงินที่ระบุในการเรียก PaymentRequest รวมถึง URL อื่นๆ ที่เชนกับวิธีการเพื่อดึงข้อมูลไฟล์ Manifest
ดูข้อมูลเกี่ยวกับการทดลองใช้แหล่งที่มาเพื่อดูวิธีเลือกใช้การทดลองการเลิกใช้งาน ซึ่งจะช่วยให้คุณมีเวลามากขึ้นในการทําการเปลี่ยนแปลงที่จําเป็นเนื่องจากการนําออกนี้
ข้อมูลระบุตัวตนผู้ขายในเหตุการณ์ canmakepayment
เหตุการณ์ canmakepayment Service Worker ช่วยให้ผู้ขายทราบว่าผู้ใช้มีบัตรบันทึกไว้ในแอปการชำระเงินที่ติดตั้งไว้หรือไม่ เหตุการณ์นี้เคยส่งแหล่งที่มาของผู้ขายและข้อมูลที่กำหนดเองไปยัง Service Worker จากแหล่งที่มาของแอปการชำระเงินโดยอัตโนมัติ การสื่อสารข้ามแหล่งที่มานี้เกิดขึ้นเมื่อสร้าง PaymentRequest ใน JavaScript โดยไม่จำเป็นต้องมีการโต้ตอบของผู้ใช้ และไม่ได้แสดงอินเทอร์เฟซผู้ใช้ การโอนข้อมูลแบบเงียบนี้ถูกนําออกจากเหตุการณ์ canmakepayment และ Android IS_READY_TO_PAY Intent) แล้ว