Chrome 132

วันที่เผยแพร่เวอร์ชันเสถียร: 14 มกราคม 2025

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

HTML และ DOM

ยกเว้นสำหรับป๊อปอัปและกล่องโต้ตอบในเอกสารที่ไม่ได้ใช้งาน

ก่อนหน้านี้การเรียกใช้ showPopover() หรือ showModal() ในป๊อปอัปหรือกล่องโต้ตอบที่อยู่ในเอกสารที่ไม่ได้ใช้งานจะดำเนินการไม่สำเร็จโดยไม่มีการแจ้งเตือน ระบบจะไม่แสดงข้อยกเว้น แต่เนื่องจากเอกสารไม่ทำงาน จึงไม่แสดงป๊อปอัปหรือกล่องโต้ตอบ ใน Chrome 132 สถานการณ์เหล่านี้จะแสดง InvalidStateError

การติดตามข้อบกพร่อง #373684393 | รายการ ChromeStatus.com | ข้อมูลจำเพาะ

เหตุการณ์การเปิด/ปิดกล่องโต้ตอบ

การทราบว่าองค์ประกอบ <dialog> เปิดและปิดเมื่อใด และ popover มี ToggleEvent อยู่แล้วซึ่งจะส่งเมื่อป๊อปอัปเปิดหรือปิด ก่อนหน้านี้ หากต้องการตรวจจับเมื่อ <dialog> เปิดขึ้น คุณต้องลงทะเบียน MutationObserver เพื่อตรวจสอบการเปิด แต่วิธีนี้ค่อนข้างยุ่งยากเมื่อเทียบกับการใช้เหตุการณ์

การเปลี่ยนแปลงนี้รวม ToggleEvent เดียวกับที่ป๊อปอัปส่งออก แต่สำหรับองค์ประกอบ <dialog>: เมื่อเรียก showModal หรือ show <dialog> จะส่ง ToggleEvent ด้วย newState=open เมื่อ <dialog> ปิด (โดยใช้แบบฟอร์ม ปุ่ม หรือ closewatcher) ระบบควรส่ง ToggleEvent ที่มี newState=closed

การติดตามข้อบกพร่อง #41494780 | รายการ ChromeStatus.com | ข้อมูลจำเพาะ

แก้ไขการเลือก isCollapsed ใน Shadow DOM

รายการที่เลือก isCollapsed ควรแสดงผลเป็น "จริง" เฉพาะในกรณีที่จุดยึดและโฟกัสเป็นค่าเดียวกันเท่านั้น ซึ่งควรเป็นจริงไม่ว่าการเลือกจะเริ่มต้นหรือสิ้นสุดภายในต้นไม้แสงหรือต้นไม้เงา

เดโม | การติดตามข้อบกพร่อง #40400558 | รายการ ChromeStatus.com | ข้อมูลจำเพาะ

CSS

การวางตำแหน่ง Anchor ของ CSS: อนุญาต anchor-size() ในพร็อพเพอร์ตี้ inset และ margin

เดิมที anchor-size() ได้รับอนุญาตเฉพาะในพร็อพเพอร์ตี้การปรับขนาดเท่านั้น มีการแก้ไขข้อกำหนดให้ใช้ anchor-size() ในขอบและระยะขอบได้ด้วย

การติดตามข้อบกพร่อง #346521300 | รายการ ChromeStatus.com | ข้อมูลจำเพาะ

โหมดการเขียน CSS แนวนอน

การรองรับคีย์เวิร์ด sideways-rl และ sideways-lr สำหรับพร็อพเพอร์ตี้ CSS writing-mode sideways-rl และ sideways-lr มีประโยชน์ในการเขียนข้อความที่ไม่ใช่ CJK แนวตั้ง ฟีเจอร์เหล่านี้ไม่เหมาะกับภาษา CJK ต่างจาก vertical-rl และ vertical-lr

MDN writing-mode | การติดตามข้อบกพร่อง #40501131 | รายการ ChromeStatus.com | ข้อมูลจำเพาะ

กำลังโหลด

ดึงข้อมูล: Request.bytes() และ Response.bytes()

เพิ่มเมธอด bytes() ลงในอินเทอร์เฟซ Request และ Response ซึ่งจะแสดงผลพรอมิสที่แก้ไขด้วย Uint8Array แม้ว่า Request และ Response จะมีเมธอด arrayBuffer() แต่คุณจะอ่านจากบัฟเฟอร์โดยตรงไม่ได้ คุณต้องสร้างมุมมอง เช่น Uint8Array เพื่ออ่าน เมธอด bytes() ปรับปรุงการได้รับเนื้อหาของคําขอและคําตอบให้เหมาะกับการใช้งาน

การติดตามข้อบกพร่อง #340206277 | รายการ ChromeStatus.com | ข้อมูลจำเพาะ

ละเว้น Strict-Transport-Security สำหรับ localhost

ส่วนส่วนหัวการตอบกลับ Strict-Transport-Security (STS) อาจทำให้เกิดปัญหากับเว็บเซิร์ฟเวอร์ localhost เนื่องจาก STS มีผลกับทั้งโฮสต์ในพอร์ตทั้งหมด ซึ่งจะทำให้เกิดปัญหาความเข้ากันได้สำหรับนักพัฒนาเว็บที่ทดสอบในเครื่อง และยังส่งผลต่อผู้ใช้ปลายทางที่ใช้แพ็กเกจซอฟต์แวร์ที่มักเริ่มต้นเว็บเซิร์ฟเวอร์ localhost ด้วยเหตุผลชั่วคราว เช่น การสื่อสารโทเค็นการตรวจสอบสิทธิ์จากการเข้าสู่ระบบเว็บไปยังแพ็กเกจซอฟต์แวร์ในเครื่อง หากผู้ฟังในพื้นที่รายหนึ่งตั้งค่า Strict-Transport-Security ในการตอบกลับ localhost ระบบจะใช้ค่าดังกล่าวกับคำขอ localhost ที่ตามมาทั้งหมดโดยไม่คำนึงถึงพอร์ต

Chrome 132 แก้ปัญหานี้ด้วยการละเว้นส่วนหัว Strict-Transport-Security ในการตอบกลับจาก URL localhost

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

สื่อ

จับภาพหน้าจอทั้งหมด

จับภาพหน้าจอทั้งหมดที่เชื่อมต่อกับอุปกรณ์โดยใช้ getAllScreensMedia()

การเรียก getDisplayMedia() หลายครั้งต้องใช้ท่าทางสัมผัสของผู้ใช้หลายครั้ง ทำให้ผู้ใช้ต้องเลือกหน้าจอถัดไปทุกครั้ง และไม่ได้รับประกันกับแอปว่ามีการเลือกหน้าจอทั้งหมดแล้ว วิธีการของ getAllScreensMedia() จะช่วยปรับปรุงในด้านเหล่านี้ทั้งหมด

ฟีเจอร์นี้มีให้บริการบนเดสก์ท็อปเท่านั้น

เอกสารการออกแบบ | การติดตามข้อบกพร่อง #40216442 | รายการ ChromeStatus.com | ข้อมูลจำเพาะ

การจับภาพองค์ประกอบ

เมื่อพิจารณาวิดีโอ MediaStreamTrack ที่ได้ผ่านวิธีการที่มีอยู่เดิมเพื่อเริ่มการจับภาพแท็บ การจับภาพองค์ประกอบจะอนุญาตให้เปลี่ยนรูปแบบแทร็กเพื่อจับภาพเฉพาะซับต้นไม้ของ DOM ที่เริ่มต้นจากองค์ประกอบหนึ่งๆ

API นี้มีความคล้ายคลึงกับ Region Capture API แต่มีความยืดหยุ่นมากกว่าสําหรับแอปพลิเคชัน เนื่องจากทั้งเนื้อหาที่บดบังและบดบังจะถูกยกเว้นจากการจับภาพ

Demo | การติดตามข้อบกพร่อง #270230413 | รายการ ChromeStatus.com | ข้อมูลจำเพาะ

Web API

PushMessageData::bytes()

อินเทอร์เฟซ PushMessageData เลียนแบบอินเทอร์เฟซ Body ซึ่งได้รับการแก้ไขเมื่อต้นปีนี้ด้วยเมธอด bytes() ใหม่ โดยยึดตามหลักการที่ว่าโดยทั่วไปแล้ว API ควรแสดงบัฟเฟอร์ไบต์เป็น Uint8Arrays Chrome 132 ปรับแนวให้สอดคล้องกับอินเทอร์เฟซ Body โดยระบุตัวเข้าถึง bytes() ในอินเทอร์เฟซ PushMessageData ด้วย

MDN PushMessageData: เมธอด bytes() | ข้อบกพร่องการติดตาม #373336950 | รายการ ChromeStatus.com | ข้อมูลจำเพาะ

คอนเทนเนอร์การเลื่อนที่โฟกัสได้ของแป้นพิมพ์

การเปิดตัวฟีเจอร์นี้ (จาก Chrome 130) หยุดลงเนื่องจากความก้าวหน้าด้านการช่วยเหลือพิเศษถดถอย ปัญหานี้ได้รับการแก้ไขแล้วและฟีเจอร์จะทยอยเปิดตัวต่อไปใน Chrome 132

แถบเลื่อนที่โฟกัสได้ของแป้นพิมพ์ | การติดตามข้อบกพร่อง #40113891 | รายการ ChromeStatus.com | ข้อมูลจำเพาะ

Device Posture API

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

ตั้งแต่การปรับปรุงความสามารถในการใช้งานเว็บไซต์โดยการหลีกเลี่ยงพื้นที่ของรอยพับ ไปจนถึงการเปิดใช้ Use Case ใหม่ๆ สําหรับเว็บ ความรู้เกี่ยวกับลักษณะของอุปกรณ์จะช่วยให้นักพัฒนาแอปปรับแต่งเนื้อหาให้เหมาะกับอุปกรณ์ต่างๆ ได้

ผู้ใช้สามารถดูและเรียกดูเนื้อหาได้แม้ว่าอุปกรณ์จะไม่ได้วางราบก็ตาม ซึ่งในกรณีนี้นักพัฒนาแอปอาจต้องการระบุเลย์เอาต์อื่นสำหรับเนื้อหานั้น ทั้งนี้ขึ้นอยู่กับลักษณะท่าทางของผู้ใช้ขณะใช้อุปกรณ์

Git Repo | การติดตามข้อบกพร่อง #40124716 | รายการ ChromeStatus.com | ข้อมูลจำเพาะ

การค้นหาที่บันทึกไว้ใน sharedStorage.selectURL

ตอนนี้ sharedStorage.selectURL() อนุญาตให้บันทึกและนําคําค้นหามาใช้ซ้ำตามหน้าเว็บ โดยระบบจะเรียกเก็บงบประมาณการโหลดหน้าเว็บ 2 รายการเมื่อเรียกใช้คําค้นหาที่บันทึกไว้เป็นครั้งแรก แต่จะไม่เรียกเก็บสําหรับการเรียกใช้คําค้นหาที่บันทึกไว้ครั้งต่อๆ มาในระหว่างการโหลดหน้าเว็บเดียวกัน ซึ่งทำได้โดยใช้พารามิเตอร์ savedQuery ในตัวเลือกของ selectURL() ที่ใช้ตั้งชื่อการค้นหา

การติดตามข้อบกพร่อง #367440966 | รายการ ChromeStatus.com | ข้อมูลจำเพาะ

ไวลด์การ์ดรายการที่อนุญาตเริ่มต้นของนโยบายสิทธิ์ Private State Tokens API

การเข้าถึง Private State Token API จะจํากัดโดยฟีเจอร์นโยบายสิทธิ์ Chrome 132 อัปเดตรายการที่อนุญาตเริ่มต้นสำหรับทั้งฟีเจอร์ private-state-token-issuance และ private-state-token-redemption จาก self เป็น * (ไวลด์การ์ด)

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

FedCM Mode API และ Use Other Account API

ส่วนขยายใหม่ 2 รายการสําหรับ FedCM

  • โหมด: โหมด active อนุญาตให้เว็บไซต์เรียกใช้ FedCM ภายในการคลิกปุ่ม (เช่น การคลิกปุ่มลงชื่อเข้าใช้ IdP) ซึ่งกำหนดให้ FedCM ต้องรับประกันว่าจะตอบสนองด้วยอินเทอร์เฟซผู้ใช้ที่มองเห็นได้เสมอ การเรียกใช้ FedCM API ในโหมดทำงานจะนำผู้ใช้ไปยังการเข้าสู่ระบบผู้ให้บริการข้อมูลประจำตัว (IdP) เมื่อผู้ใช้ออกจากระบบ นอกจากนี้ เนื่องจากโหมดที่ใช้งานอยู่จะเรียกใช้ภายในท่าทางสัมผัสของผู้ใช้อย่างชัดเจน UI จึงโดดเด่นกว่า (เช่น อยู่ตรงกลางและเป็นโมดัล) เมื่อเทียบกับ UI จากโหมดที่ใช้งานอยู่ (ซึ่งไม่จําเป็นต้องอาศัยท่าทางสัมผัสของผู้ใช้และสามารถเรียกใช้ได้เมื่อโหลดหน้าเว็บ)
  • ใช้บัญชีอื่น: ส่วนขยายนี้ช่วยให้ IdP อนุญาตให้ผู้ใช้ลงชื่อเข้าใช้บัญชีอื่นๆ ได้

เดโม | การติดตามข้อบกพร่อง #370694829 | รายการ ChromeStatus.com | ข้อมูลจำเพาะ

การเข้าถึงระบบไฟล์สําหรับ Android และ WebView

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

การเข้าถึงระบบไฟล์พร้อมให้ใช้งานบนเดสก์ท็อปใน Chrome 86 ส่วนใน Chrome 132 จะใช้ได้บน Android และ WebView

File System Access API | การติดตามข้อบกพร่อง #40091667 | รายการ ChromeStatus.com | ข้อมูลจำเพาะ

WebAuthn Signal API

อนุญาตให้บุคคลที่เชื่อถือ WebAuthn ส่งสัญญาณข้อมูลเกี่ยวกับข้อมูลเข้าสู่ระบบที่มีอยู่กลับไปยังผู้ให้บริการที่จัดเก็บข้อมูลเข้าสู่ระบบ เพื่อให้อัปเดตหรือนำข้อมูลเข้าสู่ระบบที่ไม่ถูกต้องหรือถูกเพิกถอนออกจาก UI ของผู้ให้บริการและระบบได้

ดูข้อมูลเพิ่มเติมเกี่ยวกับ Signal API สำหรับพาสคีย์ในเดสก์ท็อป Chrome

เดโม | การติดตามข้อบกพร่อง #361751877 | รายการ ChromeStatus.com | ข้อมูลจำเพาะ

การแสดงผลและกราฟิก

WebGPU: การผสมผสานพื้นผิวแบบจำนวนลอยตัว 32 บิต

ฟีเจอร์ float32-blendable GPU ทําให้พื้นผิว GPU ที่มีรูปแบบ r32float, rg32float และ rgba32float ผสมผสานกันได้

การติดตามข้อบกพร่อง #369649348 | รายการ ChromeStatus.com | ข้อมูลจำเพาะ

WebGPU: แสดง GPUAdapterInfo จาก GPUDevice

แอตทริบิวต์ GPUDevice adapterInfo จะแสดง GPUAdapterInfo เดียวกันกับออบเจ็กต์ GPUAdapter

การติดตามข้อบกพร่อง #376600838 | รายการ ChromeStatus.com | ข้อมูลจำเพาะ

WebGPU: การใช้งานมุมมองพื้นผิว

เพิ่มช่องที่ไม่บังคับลงในการสร้างมุมมองพื้นผิว WebGPU เพื่อขอกลุ่มย่อยของ Flag การใช้งานจากพื้นผิวต้นทาง

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

การใช้งาน WebGPU ยังเพิ่มประสิทธิภาพการสร้างทรัพยากรระดับล่างและปรับปรุงประสิทธิภาพเมื่อใช้มุมมองที่มี Flag การใช้งานเฉพาะทางมากขึ้นได้ด้วย

การติดตามข้อบกพร่อง #363903526 | รายการ ChromeStatus.com | ข้อมูลจำเพาะ

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

คำแนะนำการคอมไพล์ที่ชัดเจนด้วยความคิดเห็นที่ทำงานแบบมายากล

ฟีเจอร์นี้ช่วยให้คุณแนบข้อมูลเกี่ยวกับฟังก์ชันที่ควรได้รับการแยกวิเคราะห์และคอมไพล์ในไฟล์ JavaScript อย่างเร่งด่วนได้ ระบบจะเข้ารหัสข้อมูลเป็นความคิดเห็นแบบมายากล

ช่วงทดลองใช้ของ Origin | คำอธิบาย | ข้อบกพร่องการติดตาม #42203853 | รายการ ChromeStatus.com

Document-Isolation-Policy

Document-Isolation-Policy ช่วยให้เอกสารเปิดใช้ crossOriginIsolation ได้สําหรับตนเองโดยไม่ต้องติดตั้งใช้งาน COOP หรือ COEP และไม่ว่าจะมีสถานะcrossOriginIsolationของหน้าเว็บอย่างไรก็ตาม นโยบายนี้ได้รับการสนับสนุนโดยการแยกกระบวนการ นอกจากนี้ ทรัพยากรย่อยข้ามโดเมนที่ไม่ใช่ CORS ของเอกสารจะโหลดโดยไม่มีข้อมูลเข้าสู่ระบบหรือต้องมีส่วนหัว CORP

การทดลองใช้เวอร์ชันที่ใช้งานจริง | ข้อบกพร่องการติดตาม #333029146 | รายการ ChromeStatus.com | ข้อมูลจำเพาะ

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

navigator.storage ได้รับสถานะ EventTarget สำหรับกิจกรรมแรงกดดันของพื้นที่เก็บข้อมูล ซึ่งไม่เคยผ่านระยะการสร้างต้นแบบ ระบบกําลังนําโค้ดที่ตายแล้วนี้ออก และด้วยเหตุนี้ navigator.storage จึงจะไม่ขยาย EventTarget อีกต่อไป

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

นำ API แบบเต็มหน้าจอที่มีคำนำหน้า HTMLVideoElement ออก

Chrome เลิกใช้งาน API แบบเต็มหน้าจอที่มีคำต่อท้าย HTMLVideoElement แล้ว

เราได้แทนที่ API เหล่านี้ด้วย Element.requestFullscreen() API ซึ่งเปิดตัวครั้งแรกใน Chrome เวอร์ชัน 71 เมื่อปี 2018 โดยไม่มีคำนำหน้า ตั้งแต่ปี 2024 เบราว์เซอร์ส่วนใหญ่รองรับ API ที่ไม่มีคำนำหน้ามาหลายปีแล้ว

Chrome 132 นำสิ่งต่อไปนี้ออกจาก HTMLVideoElement

  • แอตทริบิวต์ webkitSupportsFullscreen
  • แอตทริบิวต์ webkitDisplayingFullscreen
  • วิธีการ webkitEnterFullscreen()
  • วิธีการ webkitExitFullscreen() โปรดสังเกตการใช้อักษรตัวพิมพ์ใหญ่ของ "S" ใน FullScreen
  • วิธีการ webkitEnterFullScreen()
  • วิธีการ webkitExitFullScreen()

ตอนนี้เมธอดเหล่านี้เป็นเพียงชื่อแทนของ API สมัยใหม่เท่านั้น การใช้งานลดลงอย่างต่อเนื่องในช่วงหลายปีที่ผ่านมา

รายการ ChromeStatus.com

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

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

ดาวน์โหลด Google Chrome

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