การจัดสมดุลบรรทัดแรกของ CSS, CHIPS, เหตุการณ์ Scrollend และการเปิดโอเวอร์
การเปลี่ยนแปลงที่อธิบายไว้ด้านล่างจะมีผลกับ Chrome เวอร์ชันเบต้ารุ่นล่าสุดสำหรับ Android, ChromeOS, Linux, macOS และ Windows เว้นแต่จะระบุไว้เป็นอย่างอื่น ดูข้อมูลเพิ่มเติมเกี่ยวกับฟีเจอร์ต่างๆ ที่ระบุไว้ที่นี่ผ่านลิงก์ที่ให้ไว้หรือจากรายการใน ChromeStatus.com ทั้งนี้ Chrome 114 เป็นรุ่นเบต้าตั้งแต่วันที่ 3 พฤษภาคม 2023 เป็นต้นไป คุณสามารถดาวน์โหลดเวอร์ชันล่าสุดได้ที่ Google.com สำหรับเดสก์ท็อปหรือ Google Play Store บน Android
CSS
รุ่นนี้ได้เพิ่มฟีเจอร์ CSS ใหม่ 2 รายการ
การปรับสมดุลบรรทัดแรกของ 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 NotRestoredWhy API
NotRestoredreason API จะรายงานรายการสาเหตุที่หน้าเว็บไม่แสดงจาก BFcache ในโครงสร้างแผนผังเฟรมผ่าน PerformanceNavigationTiming API
คุกกี้ที่มีสถานะแบ่งพาร์ติชันเป็นอิสระ (CHIPS)
Chrome วางแผนที่จะเลิกใช้คุกกี้ของบุคคลที่สาม นักพัฒนาแอปจึงต้องการความสามารถในการใช้คุกกี้ในบริบทของบุคคลที่สามที่แบ่งพาร์ติชันโดยเว็บไซต์ระดับบนสุด ซึ่งจำเป็นสำหรับ Use Case ที่ไม่เกี่ยวข้องกับการติดตามข้ามเว็บไซต์ เช่น SaaS ที่ฝัง, CMS แบบไม่มีส่วนหัว และโดเมนแซนด์บ็อกซ์) แอตทริบิวต์คุกกี้ CHIPS ของ Partitioned
ช่วยให้นักพัฒนาซอฟต์แวร์เลือกใช้การแบ่งพาร์ติชันคุกกี้ของบุคคลที่สามตามเว็บไซต์ระดับบนสุดได้ CHIPS เปิดใช้อยู่ผ่าน Chrome Variation ใน 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