Chrome 126

วันที่ออกเวอร์ชันเสถียร: 11 มิถุนายน 2024

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

CSS

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

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

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

@view-transition {
  navigation: auto;
}

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

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

Web API

ส่วนขยาย trigger-rumble ของ 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

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

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

รายการ ChromeStatus.com | ข้อมูลจำเพาะ

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

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

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

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

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

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

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

ซึ่งจะช่วยให้เทคโนโลยีโฆษณาสามารถควบคุมได้มากขึ้นว่าต้องการจำกัดข้อมูล URL ที่มาในคำขอ 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 สิ้นสุดลง Chrome รองรับการเพิ่ม Listener เหตุการณ์ scrollend ผ่าน 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 Automation (UIA) ใน Windows โดยตรง ซึ่งช่วยให้เครื่องมือช่วยเหลือพิเศษสื่อสารกับเบราว์เซอร์ได้ง่ายขึ้น เราจะเริ่มทยอยเปิดตัวเวอร์ชันเสถียร โดยเริ่มตั้งแต่ Chrome เวอร์ชัน 126 ซึ่งจะช่วยให้การเข้าถึงด้วยเสียงทำงานในเบราว์เซอร์ที่ใช้ Chromium ทั้งหมด และจะปรับปรุงประสบการณ์ของผู้ใช้สำหรับเครื่องมือช่วยเหลือพิเศษที่ใช้ UIA ทั้งหมด เช่น โปรแกรมผู้บรรยายและแว่นขยาย

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

รายการ ChromeStatus.com

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

เลิกใช้งานและนำไวยากรณ์ "assert" ของการยืนยันการนำเข้าออก

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

กล่าวคือ ตอนนี้ import m from 'foo' assert { type: 'json' } จะแสดง SyntaxError และนักพัฒนาแอปต้องเปลี่ยนไปใช้ import m from 'foo' with { type: 'json' }

รายการ ChromeStatus.com | ข้อมูลจำเพาะ

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

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

ดาวน์โหลด Google Chrome

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