การจัดสมดุลบรรทัดแรก CSS, CHIPS, เหตุการณ์ Scrollend และป๊อปอัป
การเปลี่ยนแปลงที่อธิบายไว้ด้านล่างจะมีผลกับ Chrome เวอร์ชันเบต้าใหม่ล่าสุดสำหรับ Android, ChromeOS, Linux, macOS และ Windows เว้นแต่จะระบุไว้เป็นอย่างอื่น เรียนรู้เพิ่มเติมเกี่ยวกับฟีเจอร์ที่แสดงรายการไว้ที่นี่ผ่านลิงก์ที่ให้ไว้หรือจากรายการใน ChromeStatus.com Chrome 114 เป็นเวอร์ชันเบต้าตั้งแต่วันที่ 3 พฤษภาคม 2023 เป็นต้นไป คุณดาวน์โหลดเวอร์ชันล่าสุดได้จาก Google.com สำหรับเดสก์ท็อปหรือ Google Play Store ใน Android
CSS
รุ่นนี้เพิ่มฟีเจอร์ใหม่ 2 รายการ CSS
การจัดสรรบรรทัดแรก CSS ให้สมดุล
ฟีเจอร์นี้เป็นวิธีรักษาสมดุลระหว่างความยาวของบรรทัดในองค์ประกอบเพื่อให้อ่านได้ง่ายขึ้นและลดข้อความที่ไม่มีตัวอักษรที่ไม่มีข้อความ ซึ่งจะลากไปยังข้อความอีก 4 บรรทัดหรือน้อยกว่านั้น ซึ่งมักมีประโยชน์สําหรับบรรทัดแรก ตัวอย่างเช่น CSS ต่อไปนี้จะทำให้ทั้งระดับบรรทัดแรกและข้อความที่ยกมาทั้งหมดมีความสมดุลกัน
h1, h2, h3, h4, h5, h6, blockquote {
text-wrap: balance;
}
นอกเหนือจากพร็อพเพอร์ตี้ text-wrap แล้ว ระบบยังรองรับพร็อพเพอร์ตี้ white-space-collapse ด้วย และพร็อพเพอร์ตี้ white-space จะกลายเป็นชื่อย่อของพร็อพเพอร์ตี้เหล่านี้
ดูข้อมูลเพิ่มเติมใน CSS text-wrap: balance
ชื่อแทนจาก overflow: overlay ไปยัง overflow: auto
Chrome 114 จะนำโหมดการเลื่อน overflow: overlay ออก และกำหนดให้ overlay เป็นชื่อแทนเดิมของ auto การใช้ overflow: overlay นั้นเหมือนกับ overflow: auto เว้นแต่ว่าจะไม่ได้ป้องกันไม่ให้เนื้อหาขยายไปอยู่ในรางเลื่อนของแถบเลื่อน ในกรณีที่มีแถบเลื่อนของระบบปฏิบัติการที่ไม่ใช่แบบซ้อนทับ (หากมีแถบเลื่อนแบบวางซ้อน จะไม่มีผล)
API ของเว็บ
Back-Forward Cache NotRestoredReason API
NotRestoredReason API จะรายงานรายการเหตุผลที่หน้าเว็บไม่แสดงผลจาก BFcache ในโครงสร้างเฟรมแบบต้นไม้ผ่าน PerformancenavigationTiming API
คุกกี้มีสถานะการแบ่งพาร์ติชันอิสระ (CHIPS)
Chrome มีแผนที่จะเลิกใช้คุกกี้ของบุคคลที่สาม นักพัฒนาแอปจึงต้องความสามารถในการใช้คุกกี้ในบริบทของบุคคลที่สามซึ่งแบ่งพาร์ติชันตามเว็บไซต์ระดับบนสุด ซึ่งจำเป็นสำหรับกรณีการใช้งานที่ไม่เกี่ยวข้องกับการติดตามข้ามเว็บไซต์ เช่น SaaS แบบฝัง, CMS แบบไม่มีส่วนหัว และโดเมนแซนด์บ็อกซ์) แอตทริบิวต์คุกกี้ CHIPS ของ Partitioned ช่วยให้นักพัฒนาแอปเลือกให้มีการแบ่งพาร์ติชันคุกกี้ของบุคคลที่สามตามเว็บไซต์ระดับบนสุดได้ เปิดใช้ CHIPS ผ่าน "เวอร์ชันอื่นๆ ของ Chrome" ใน Chrome 110 และเวอร์ชันที่ใหม่กว่า เมื่อใช้ Chrome 114 ระบบจะเปิดใช้ CHIPS โดยค่าเริ่มต้นสำหรับอินสแตนซ์ของเบราว์เซอร์ทั้งหมด
ดูข้อมูลเพิ่มเติมเกี่ยวกับ CHIPS
เหตุการณ์ scrollend
กิจกรรมนี้ทำให้นักพัฒนาซอฟต์แวร์ทราบอย่างชัดเจนเมื่อการเลื่อนเสร็จสมบูรณ์ (รวมถึงการเลื่อนหน้าจอและการอัปเดตต่างๆ สำหรับออฟเซ็ตจากการเลื่อน) ผ่าน Listener เหตุการณ์ การรู้เวลาที่เลื่อนเสร็จสมบูรณ์มีประโยชน์หลายประการ ตัวอย่างเช่น การซิงค์ตรรกะบางอย่างกับส่วนที่สแนป การดึงข้อมูลในรายการ หรือการเรียกภาพเคลื่อนไหวใหม่ ฟีเจอร์นี้ช่วยลดความซับซ้อนของตรรกะในการจัดการกับเอฟเฟกต์ตอนจบการเลื่อนได้มาก ซึ่งช่วยให้แน่ใจว่ารูปแบบอินพุตสอดคล้องกันในวิธีการป้อนข้อมูลต่างๆ ปัจจุบันนักพัฒนาแอปตอบสนองความต้องการนี้โดยสังเกตเหตุการณ์การเลื่อนและสร้างอัลกอริทึมระยะหมดเวลาเฉพาะกิจ
ดูข้อมูลเพิ่มเติมเกี่ยวกับเหตุการณ์ scrollend
API ของ Popover
API ที่สามารถใช้สร้างองค์ประกอบอินเทอร์เฟซผู้ใช้ (UI) แบบชั่วคราวซึ่งแสดงอยู่ด้านบน UI ของเว็บแอปอื่นๆ ทั้งหมด ซึ่งรวมถึงองค์ประกอบที่ผู้ใช้โต้ตอบ เช่น เมนูการทำงาน คำแนะนำองค์ประกอบแบบฟอร์ม เครื่องมือเลือกเนื้อหา และ UI การสอน API นี้ใช้แอตทริบิวต์เนื้อหา popover ใหม่เพื่อทำให้องค์ประกอบใดก็ตามแสดงในเลเยอร์บนสุด ค่านี้คล้ายกับองค์ประกอบ <dialog> แต่มีความแตกต่างที่สำคัญหลายประการ ได้แก่ ลักษณะการทำงานแบบปิดเล็กน้อย การจัดการการโต้ตอบแบบป๊อปอัป การรองรับเหตุการณ์ ตลอดจนการไม่มี "โมดัล"
ดูข้อมูลเพิ่มเติมเกี่ยวกับ Popover API
ตัวเลือกบลูทูธเว็บ exclusionFilters ใน requestDevice()
ตัวเลือก exclusionFilters ใน navigator.bluetooth.requestDevice() ช่วยให้นักพัฒนาเว็บยกเว้นอุปกรณ์บางเครื่องจากเครื่องมือเลือกเบราว์เซอร์ได้ โดยสามารถใช้เพื่อยกเว้นอุปกรณ์ที่ตรงกับตัวกรองที่กว้างกว่าแต่ไม่รองรับ
ดูโค้ดตัวอย่างที่แสดงการใช้ Web Bluetooth API เพื่อดึงข้อมูลอุปกรณ์พื้นฐานจากอุปกรณ์บลูทูธพลังงานต่ำที่อยู่ใกล้เคียงซึ่งมีตัวกรองการยกเว้นพื้นฐาน
ข้อเสนอแบบคงที่แบบขยายของ WebAssembly
Chrome 114 นำข้อเสนอแบบคงที่แบบขยายของ WebAssembly มาใช้ ข้อเสนอนี้เพิ่มวิธีการใหม่ต่อไปนี้ลงในรายการวิธีการแบบคงที่ที่ถูกต้อง: i32.add, i32.sub, i32.mul, i64.add, i64.sub และ i64.mul
ช่วงทดลองใช้จากต้นทางอยู่ระหว่างดำเนินการ
ใน Chrome 114 คุณสามารถเลือกใช้การทดสอบต้นทางใหม่ดังต่อไปนี้
การวัดผลการระบุแหล่งที่มาข้ามแอปและเว็บ
ขยาย Attribution Reporting API เพื่อให้สามารถระบุแหล่งที่มาของ Conversion ที่เกิดขึ้นบนเว็บกับเหตุการณ์ที่เกิดขึ้นนอกเบราว์เซอร์ภายในแอปพลิเคชันอื่นๆ ได้ ข้อเสนอในที่นี้ใช้ประโยชน์จากการสนับสนุนระดับระบบปฏิบัติการสำหรับการระบุแหล่งที่มา โดยเฉพาะอย่างยิ่ง นักพัฒนาแอปมีตัวเลือกในการอนุญาตให้เข้าร่วมกิจกรรมในเว็บบนอุปกรณ์เคลื่อนที่ในกิจกรรมใน Privacy Sandbox ของ Android ได้ แม้ว่าจะมีการรองรับแพลตฟอร์มอื่นๆ ด้วยก็ตาม
ลงทะเบียนทดลองใช้การวัดผลการระบุแหล่งที่มาข้ามแอปและเว็บ
API การเบลอพื้นหลัง
API การเบลอพื้นหลังช่วยให้นักพัฒนาเว็บใช้ API ของแพลตฟอร์มเนทีฟสำหรับการแบ่งกลุ่มพื้นหลังของกล้องได้ เนื่องจากการเบลอพื้นหลังได้กลายเป็นฟีเจอร์หนึ่งที่มีการใช้มากที่สุดในแอปการประชุมทางวิดีโอ เราจึงต้องการให้เว็บแอปใช้ประโยชน์จาก API ของแพลตฟอร์มเดียวกันโดยไม่ต้องอาศัยเฟรมเวิร์ก ML เช่น TensorFlow.js, Mediapipe, ไลบรารี WASM หรือโซลูชันในระบบคลาวด์
ลงทะเบียนเพื่อทดลองใช้การเบลอพื้นหลังจากต้นทาง
การเลิกใช้งานและการนำออก
จะไม่มีการเลิกใช้งานหรือการนำออกใหม่ใน Chrome 114