Chrome 126

วันที่เปิดตัวแบบเสถียร: 11 มิถุนายน 2024

การเปลี่ยนแปลงต่อไปนี้มีผลกับ Chrome 126 เวอร์ชันเสถียร เว้นแต่ว่าระบุไว้เป็นอย่างอื่น เวอร์ชันการเผยแพร่สำหรับ Android, ChromeOS, Linux, macOS และ Windows

CSS

การเปลี่ยนมุมมองข้ามเอกสารสำหรับการนำทางจากต้นทางเดียวกัน

ก่อนหน้านี้คุณต้องปรับโครงสร้างเว็บไซต์ของคุณให้เป็น SPA เพื่อใช้มุมมอง Transitions API แต่จะไม่เป็นเช่นนี้แล้ว เปิดใช้การเปลี่ยนมุมมองแล้วในขณะนี้โดย ค่าเริ่มต้นสำหรับการนำทางที่มาเดียวกัน คุณสามารถสร้างการเปลี่ยนมุมมองระหว่าง เอกสาร 2 ฉบับที่แตกต่างกัน ซึ่งมีที่มาเดียวกัน

หากต้องการเปิดการเปลี่ยนมุมมองข้ามเอกสาร ทั้ง 2 ฝั่งจะต้องเลือกใช้ สิ่งต้องทำ ให้ใช้กฎ at @view-transition และตั้งค่าข้อบ่งชี้ navigation เป็น auto

@view-transition {
  navigation: auto;
}

การเปลี่ยนมุมมองข้ามเอกสารใช้องค์ประกอบพื้นฐานและหลักการเดียวกันกับ การเปลี่ยนมุมมองเอกสารเดียวกัน องค์ประกอบที่มี view-transition-name จะถูกจับภาพ และคุณสามารถปรับแต่งภาพเคลื่อนไหวโดยใช้ภาพเคลื่อนไหว CSS

การเปลี่ยนรุ่นอย่างราบรื่นด้วย View Transition API | ข้อบกพร่องในการติดตาม #1372584 | รายการ ChromeStatus.com | ข้อกำหนด

API ของเว็บ

ส่วนขยายทริกเกอร์เส้นรอบวงของ Gamepad API

ขยายอินเทอร์เฟซ GamepadHapticActuator เพื่อแสดงสัญญาณรบกวน บนเว็บสำหรับ เกมแพดที่เข้ากันได้ ส่วนขยายนี้จะช่วยให้เว็บแอปพลิเคชันที่ ประโยชน์ของ Gamepad API เพื่อทำให้ทริกเกอร์ของอุปกรณ์เกมแพดสั่นด้วย ที่มาพร้อมฟังก์ชันการทำงานนี้

ข้อบกพร่องในการติดตาม #40834175 | รายการ ChromeStatus.com | ข้อกำหนด

เว็บแอปแบบแท็บของ ChromeOS

PWA ในหน้าต่างแบบสแตนด์อโลนจะเปิดได้ครั้งละ 1 หน้าเท่านั้น บางแอปคาดหวังให้ผู้ใช้ต้องเปิดหน้าเว็บหลายหน้าพร้อมกัน โหมดแท็บเพิ่มแท็บ ตัดไปยังเว็บแอปแบบสแตนด์อโลนใน ChromeOS ที่อนุญาตให้เปิดหลายแท็บได้ ครั้งเดียว

ฟีเจอร์นี้ได้เพิ่มโหมดการแสดงผลใหม่ของ "tabbed" และฟิลด์ไฟล์ Manifest ใหม่ใน อนุญาตให้ปรับแต่งแนวแท็บได้

ข้อบกพร่องในการติดตาม #40598974 | รายการ ChromeStatus.com | ข้อกำหนด

เมธอด toJSON() สำหรับ GeolocationCoordinates และ GeolocationPosition

เพิ่มเมธอด .toJSON() ลงใน GeolocationCoordinates และ อินเทอร์เฟซ GeolocationPosition รายการ การดำเนินการนี้จะทำให้มีอนุกรมของออบเจ็กต์เหล่านี้ ด้วย JSON.stringify()

รายการ ChromeStatus.com

อินเทอร์เฟซระดับสูงของ WebGLObject Web IDL

ฟีเจอร์นี้แสดงประเภท WebGLObject ในบริบทเดียวกันกับที่มี WebGL API จะปรากฏอยู่ในเทรดหลักและผู้ปฏิบัติงาน

รายการ ChromeStatus.com | ข้อกำหนด

การเปิดใช้ CloseWatcher API อีกครั้งและปิดคำขอสำหรับ <dialog> และ popover=""

CloseWatcher API ช่วยให้จัดการคำขอปิดได้ เช่น เปิดใช้คีย์ ESC แพลตฟอร์มเดสก์ท็อปหรือท่าทางสัมผัสการย้อนกลับหรือปุ่มบน Android ในแบบแบบเดียวกัน เดิมทีฟีเจอร์นี้จัดส่งใน Chrome 120 แต่ถูกปิดเนื่องจาก เป็นการโต้ตอบที่ไม่คาดคิดกับ <dialog> เปิดใช้ฟีเจอร์นี้อีกครั้งแล้ว ใน Chrome 126 หลังจากมีการปรับปรุงลักษณะการทำงานเพื่อลดปัญหา อย่างที่เห็นในนั้น

สาธิต | ข้อบกพร่องในการติดตาม #1171318 | รายการ ChromeStatus.com

Attribution Reporting API: นโยบาย URL ที่มาสำหรับคำขอ attributionsrc รายการ

ระบบจะดำเนินการกับคำขอ attributionsrc รายการเช่นเดียวกับทรัพยากรย่อยอื่นๆ ในหน้า

ก่อนหน้านี้ เมื่อมีการเรียก API ผ่านการระบุแหล่งที่มา attributionsrc เป็นส่วนหนึ่งขององค์ประกอบ HTML ต่างๆ (เช่น <img>, <script>, <a> หรือ window.open) API จะไม่สนใจแอตทริบิวต์นโยบาย URL ที่มาระดับทรัพยากรที่ตั้งค่าไว้ในองค์ประกอบ <html>

การเปลี่ยนแปลงนี้จะทำให้คำขอ attributionsrc จะใช้นโยบาย URL ที่มาระดับทรัพยากรเดียวกับที่ตั้งค่าไว้ใน <img>, <script>, <a> หรือ window.open

ซึ่งช่วยให้เทคโนโลยีด้านโฆษณาควบคุมได้มากขึ้นว่าต้องการจำกัดข้อมูลผู้อ้างอิงในคำขอ attributionsrc มากขึ้นหรือน้อยลงหรือไม่

รายการ ChromeStatus.com

สื่อ

การรองรับคอนเทนเนอร์ MP4 สำหรับ MediaRecorder

เพิ่มการรองรับการมักซ์เสียงและวิดีโอลงในคอนเทนเนอร์ MP4 ด้วย MediaRecorder

MediaRecorder | รายการ ChromeStatus.com | ข้อกำหนด

พารามิเตอร์ OpusEncoderConfig signal และ application

พารามิเตอร์ OpusEncoderConfig.signal และ OpusEncoderConfig.application จะแมปกับปุ่มตัวเข้ารหัสเฉพาะในการใช้งานโดยตรง เครื่องมือเหล่านี้ช่วยให้เว็บ ผู้เขียนเพื่อให้คำแนะนำว่ากำลังเข้ารหัสข้อมูลประเภทใด และประเภทใด บริบทที่มีการใช้ข้อมูล

signal อาจเป็นหนึ่งใน "auto", "music", "voice" กำหนดค่าโปรแกรมเปลี่ยนไฟล์ เพื่อประสิทธิภาพที่ดีที่สุดในการเข้ารหัสประเภทข้อมูลที่ระบุ application ต้องเป็น "voip", "audio", "lowdelay" ซึ่งจะกำหนดค่าโปรแกรมเปลี่ยนไฟล์เป็น อาศัยความสามารถในการพูดอย่างชาญฉลาด การทำซ้ำอินพุตต้นฉบับอย่างซื่อสัตย์ หรือ เวลาในการตอบสนองต่ำ

รายการ ChromeStatus.com | ข้อกำหนด

JavaScript

การสนับสนุนเกี่ยวกับonscrollend visualViewport

เหตุการณ์ JavaScript scrollend เริ่มทำงานเพื่อให้สัญญาณว่าการดำเนินการแบบเลื่อนมี สิ้นสุด

อินเทอร์เฟซ visualViewport มีเครื่องจัดการเหตุการณ์ onscrollend ที่ควร มีการเรียกใช้เมื่อการดำเนินการเลื่อนใน visualViewport สิ้นสุดลง โครเมียม รองรับการเพิ่ม Listener เหตุการณ์การเลื่อนผ่านแล้ว visualViewport.addEventListener("scrollend") วิธีนี้ช่วยให้คุณ เพิ่ม Listener เหตุการณ์โดยใช้ visualViewport.onscrollend ด้วย

ข้อบกพร่องในการติดตาม #325307785 | รายการ ChromeStatus.com

ความเป็นส่วนตัว

จัด navigator.cookieEnabled ตามข้อกำหนด

ปัจจุบัน navigator.cookieEnabled ระบุว่า "User Agent พยายามจัดการคุกกี้" หรือไม่ ในบริบทที่กำหนด การเปลี่ยนแปลงใน Chrome ซึ่งการจัดส่งเป็นส่วนหนึ่งของการเลิกใช้งานคุกกี้ของบุคคลที่สาม (3PCD) จะทําให้ระบบระบุว่าสามารถเข้าถึงคุกกี้ที่ไม่ได้แบ่งพาร์ติชันได้หรือไม่ (ทำให้แสดงผลเป็นเท็จใน iframe แบบข้ามเว็บไซต์ส่วนใหญ่) เราควรคืนค่าลักษณะการทำงานก่อนหน้าของ navigator.cookieEnabled ซึ่งระบุก็ต่อเมื่อมีการเปิดหรือปิดใช้คุกกี้ในเว็บไซต์ และอาศัยฟังก์ชันข้ามผู้ให้บริการ document.hasStorageAccess เพื่อระบุว่าเข้าถึงคุกกี้แบบไม่แบ่งพาร์ติชันได้หรือไม่

ข้อบกพร่องในการติดตาม #335553590 | รายการ ChromeStatus.com | ข้อกำหนด

การช่วยเหลือพิเศษ

การรองรับเฟรมเวิร์กการช่วยเหลือพิเศษสำหรับการทำงานอัตโนมัติของ UI ใน Windows

แอปพลิเคชันอำนวยความสะดวกที่ทันสมัยใน Microsoft Windows ใช้เฟรมเวิร์กการช่วยเหลือพิเศษสำหรับการทำงานอัตโนมัติของ UI ของแพลตฟอร์มเพื่อทำงานร่วมกับแอปพลิเคชันอื่นๆ ของอินเทอร์เฟซผู้ใช้ ก่อนหน้านี้ Chromium รองรับเฟรมเวิร์ก Microsoft Active Accessibility (MSAA) และ IAccessible2 (IA2) เวอร์ชันเก่าสำหรับวัตถุประสงค์นี้ ซึ่งทำให้เกิดปัญหาเกี่ยวกับเครื่องมือช่วยเหลือพิเศษใน Windows

เพื่อแก้ปัญหานี้ Microsoft จึงได้ร่วมมือกับทีม Chrome เพื่อสนับสนุนเฟรมเวิร์กการทำงานอัตโนมัติของ UI (UIA) ใน Windows โดยตรง ซึ่งทำให้เครื่องมือช่วยเหลือพิเศษสื่อสารกับเบราว์เซอร์ได้ง่ายขึ้น เราจะเริ่มทยอยเปิดตัวไปยังเวอร์ชันเสถียร โดยเริ่มตั้งแต่ Chrome เวอร์ชัน 126 การดำเนินการนี้จะทำให้การเข้าถึงด้วยเสียงทำงานได้ในเบราว์เซอร์แบบ Chromium ทั้งหมดและช่วยปรับปรุงประสบการณ์ของผู้ใช้สำหรับเครื่องมือช่วยเหลือพิเศษที่ใช้ UIA ทั้งหมด เช่น ผู้บรรยายและแว่นขยาย

ขอแนะนําการรองรับ UIA ใน Windows

ช่วงทดลองใช้จากต้นทางใหม่

FedCM เป็นสัญญาณความน่าเชื่อถือสำหรับ Storage Access API

ปรับยอด FedCM และ Storage Access API โดยให้ FedCM อนุมัติ เหตุผลที่ถูกต้องในการอนุมัติคำขอเข้าถึงพื้นที่เก็บข้อมูลโดยอัตโนมัติ

เมื่อผู้ใช้ให้สิทธิ์ในการใช้ข้อมูลประจำตัวกับบุคคลที่สาม ผู้ให้บริการข้อมูลประจำตัว (IdP) ในฝ่ายที่เกี่ยวข้อง (RP) ผู้ให้บริการข้อมูลประจำตัวหลายรายต้องใช้บุคคลที่สาม คุกกี้เพื่อให้ทำงานอย่างถูกต้องและปลอดภัย ข้อเสนอนี้มีเป้าหมายเพื่อตอบสนองต่อ ในแบบที่เป็นส่วนตัวและปลอดภัยด้วยการอัปเดต Storage Access API (SAA) ตรวจสอบเพื่อไม่เพียงยอมรับการอนุญาตที่มอบให้โดย ข้อความแจ้งการเข้าถึงพื้นที่เก็บข้อมูล รวมถึงการให้สิทธิ์ที่ FedCM มอบให้ ปรากฏขึ้น

พร็อพเพอร์ตี้หลักของกลไกนี้จำกัดการให้สิทธิ์สำหรับกรณีที่ต้องการอย่างชัดแจ้ง ได้รับอนุญาตจาก RP ผ่านนโยบายสิทธิ์ของ FedCM ซึ่งบังคับใช้ต่อเฟรม ควบคุม RP และป้องกันการสอดส่องดูแลแบบแพสซีฟโดย IdP นอกเหนือจาก ที่ FedCM มอบให้อยู่แล้ว

ช่วงทดลองใช้จากต้นทาง | คำอธิบาย | รายการ ChromeStatus.com

เลือกไม่ใช้การแสดงตัวอย่างสื่อ

ช่วงทดลองใช้จากต้นทางแบบย้อนกลับนี้จะยกเว้นเว็บไซต์จากการเปิดตัวตัวอย่างสื่อ

Chrome จะแสดงตัวอย่างอินพุตจากกล้องและไมโครโฟนแบบเรียลไทม์เมื่อเว็บไซต์ขอสิทธิ์เข้าถึงกล้องและไมโครโฟน ซึ่งมีอยู่ในข้อมูลเพจของเว็บไซต์ด้วย

นอกจากนี้ ผู้ใช้ที่มีอุปกรณ์หลายเครื่องจะเลือกกล้องและไมโครโฟนเมื่อมีการขอสิทธิ์ได้ เว้นแต่ว่าเว็บไซต์จะขออุปกรณ์ใดอุปกรณ์หนึ่งผ่าน getUserMedia()

ช่วงทดลองใช้จากต้นทาง | ข้อบกพร่องในการติดตาม #330762482 | รายการ ChromeStatus.com

FedCM: Continuation API, Parameters API, Fields API, configURLs หลายรายการ, ป้ายกำกับบัญชีที่กำหนดเอง

นักพัฒนาแอปจะเริ่มเข้าร่วมช่วงทดลองใช้จากต้นทางสำหรับแพ็กเกจเดสก์ท็อปได้ ฟีเจอร์ของ FedCM ที่อาจให้สิทธิ์ได้ แพ็กเกจประกอบด้วย FedCM Continuation API, Parameters, Fields API, configURL หลายรายการ และกำหนดเอง ป้ายกำกับบัญชี การดำเนินการนี้จะเปิดใช้ประสบการณ์ที่เหมือนกับขั้นตอนการให้สิทธิ์ OAuth เกี่ยวข้องกับกล่องโต้ตอบสิทธิ์จาก IdP

ข้อบกพร่องในการติดตาม #40262526 | รายการ ChromeStatus.com

การควบคุมสิทธิ์ในหน้าเว็บแบบฝัง

ระบุองค์ประกอบ HTML ใหม่ที่โต้ตอบกับขั้นตอนการให้สิทธิ์

ปัจจุบันข้อความแจ้งสิทธิ์จะทริกเกอร์โดยตรงจาก JavaScript โดยที่ User Agent ไม่มีสัญญาณที่ชัดเจนเกี่ยวกับความตั้งใจของผู้ใช้ การมีองค์ประกอบในเนื้อหาที่ผู้ใช้ใช้เพื่อทริกเกอร์โฟลว์สิทธิ์จะช่วยให้ UX ข้อความแจ้งสิทธิ์ปรับปรุงสำหรับผู้ใช้ รวมถึงเส้นทางการกู้คืนจาก "ถูกปฏิเสธ" ได้ สถานะสิทธิ์สำหรับเว็บไซต์

รายการ ChromeStatus.com

การเลิกใช้งานและการนำออก

ถอด "การยืนยัน" และนำการยืนยันการนำเข้าออก ไวยากรณ์

เลิกใช้งานและนำคีย์เวิร์ด assert ออกเพื่อใช้คีย์เวิร์ด with ใหม่ในไวยากรณ์แอตทริบิวต์การนำเข้า

กล่าวคือ import m from 'foo' assert { type: 'json' } จะส่งข้อผิดพลาดของไวยากรณ์ และนักพัฒนาซอฟต์แวร์ต้องเปลี่ยนเป็น import m from 'foo' with { type: 'json' }

รายการ ChromeStatus.com | ข้อกำหนด

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

อยากได้อีกใช่ไหม โปรดดูแหล่งข้อมูลเพิ่มเติมเหล่านี้

ดาวน์โหลด Google Chrome

ดาวน์โหลด Chrome สำหรับ Android เดสก์ท็อป หรือ iOS