วันที่เผยแพร่เวอร์ชันเสถียร: 12 พฤศจิกายน 2024
การเปลี่ยนแปลงต่อไปนี้มีผลกับรุ่นในเวอร์ชันเสถียรของ Chrome 131 สำหรับ Android, ChromeOS, Linux, macOS และ Windows เว้นแต่จะระบุไว้เป็นอย่างอื่น
CSS
การจัดตําแหน่ง Anchor ของ CSS: anchor-scope
พร็อพเพอร์ตี้ anchor-scope ช่วยให้จํากัดการแสดงชื่อแอตทริบิวต์เฉพาะในต้นไม้ย่อยหนึ่งๆ ได้
การติดตามข้อบกพร่อง #40281992 | รายการ ChromeStatus.com | ข้อมูลจำเพาะ
CSS font-variant-emoji
พร็อพเพอร์ตี้ font-variant-emoji CSS มีวิธีควบคุมการแสดงภาพอีโมจิแบบมีสี (สไตล์อีโมจิ) และแบบโมโนโครม (สไตล์ข้อความ)
คุณยังดำเนินการนี้ได้ด้วยการเพิ่มตัวเลือกรูปแบบอีโมจิ โดยใส่ U+FE0E สำหรับข้อความและ U+FE0F สำหรับอีโมจิ หลังโค้ดจุดของอีโมจิแต่ละรายการ
MDN font-variant-emoji | รายการ ChromeStatus.com
การรับค่าการไฮไลต์ CSS
การเปลี่ยนแปลงการสืบทอดไฮไลต์ CSS คาดว่าจะพร้อมใช้งานใน Chrome 131 แต่ถูกนำออกเนื่องจากเหตุผลด้านความเข้ากันได้
การเปลี่ยนแปลงการสืบทอดสำหรับการจัดรูปแบบการเลือก CSS | รายการ ChromeStatus.com | ข้อกำหนด
การปรับปรุงโครงสร้างการจัดรูปแบบขององค์ประกอบ <details> และ <summary>
รองรับการจัดรูปแบบ CSS เพิ่มเติมสำหรับโครงสร้างขององค์ประกอบ <details> และ <summary> เพื่ออนุญาตให้ใช้องค์ประกอบเหล่านี้ในหลายๆ กรณีที่สร้างวิดเจ็ตการเปิดเผยข้อมูลหรือวิดเจ็ตแบบ Accordion ในเว็บ โดยเฉพาะอย่างยิ่ง การเปลี่ยนแปลงนี้จะนําข้อจํากัดที่ป้องกันไม่ให้ตั้งค่าพร็อพเพอร์ตี้ display ในองค์ประกอบเหล่านี้ออก และเพิ่มองค์ประกอบจำลอง ::details-content เพื่อจัดสไตล์คอนเทนเนอร์สําหรับส่วนที่ขยายและยุบ
การติดตามข้อบกพร่อง #1469418 | รายการ ChromeStatus.com | ข้อมูลจำเพาะ
@page กล่องระยะขอบ
เพิ่มการรองรับกล่องระยะขอบหน้าเว็บเมื่อพิมพ์เอกสารบนเว็บหรือส่งออกเป็น PDF
@page ช่องระยะขอบช่วยให้คุณกำหนดเนื้อหาในพื้นที่ระยะขอบของหน้าได้ เช่น เพื่อระบุส่วนหัวและส่วนท้ายที่กำหนดเอง แทนที่จะใช้ส่วนหัวและส่วนท้ายในตัวที่เบราว์เซอร์สร้างขึ้น
กล่องระยะขอบจะกำหนดโดยใช้กฎ at ภายในกฎ @page ของ CSS
ลักษณะและเนื้อหาของกล่องระยะขอบจะระบุด้วยพร็อพเพอร์ตี้ CSS ภายใน at-rule รวมถึงพร็อพเพอร์ตี้ content
นอกจากนี้ ระบบยังรองรับตัวนับสําหรับการระบุหมายเลขหน้าด้วย ข้อกําหนดระบุชื่อตัวนับพิเศษ 2 ชื่อ ได้แก่ page สําหรับหมายเลขหน้าปัจจุบัน และ pages สําหรับจํานวนหน้าทั้งหมด
เพิ่มเนื้อหาลงในขอบของหน้าเว็บเมื่อพิมพ์โดยใช้ CSS | การติดตามข้อบกพร่อง #320370 | รายการ ChromeStatus.com | ข้อมูลจำเพาะ
@property รองรับไวยากรณ์ <string>
การรองรับชื่อคอมโพเนนต์ไวยากรณ์ <string> สําหรับพร็อพเพอร์ตี้ที่กําหนดเองที่ลงทะเบียน
การติดตามข้อบกพร่อง #357751736 | รายการ ChromeStatus.com | ข้อมูลจำเพาะ
เลือกการผ่อนปรนโปรแกรมวิเคราะห์
ซึ่งจะทำให้โปรแกรมแยกวิเคราะห์ HTML อนุญาตแท็กใน <select> นอกเหนือจาก <option>, <optgroup> และ <hr>
การเปลี่ยนแปลงนี้เพื่อรองรับฟีเจอร์ <select> ที่ปรับแต่งได้
การติดตามข้อบกพร่อง #335456114 | รายการ ChromeStatus.com
รองรับ currentcolor ในไวยากรณ์สีแบบสัมพัทธ์
อนุญาตให้ใช้สีสัมพัทธ์ใน CSS (โดยใช้คีย์เวิร์ด from) เพื่อใช้ currentcolor เป็นฐาน
ซึ่งช่วยให้คุณตั้งค่าสีเสริมตามสีข้อความขององค์ประกอบสำหรับเส้นขอบ เงา หรือพื้นหลังขององค์ประกอบนั้นได้
ฟีเจอร์นี้ยังมี Use Case ที่ฝังฟังก์ชันสีไว้โดยขึ้นอยู่กับ currentcolor ด้วย เช่น color-mix(in srgb, rgb(from currentcolor r g b), white)) หรือ rgb(from rgb(from currentcolor 1 g b) b g r)
การติดตามข้อบกพร่อง #325309578 | รายการ ChromeStatus.com | ข้อมูลจำเพาะ
รองรับแหล่งข้อมูล SVG ภายนอกสําหรับพร็อพเพอร์ตี้ clip-path, fill, stroke และ marker-*
ฟีเจอร์นี้เพิ่มการรองรับการอ้างอิงภายนอกสำหรับเส้นทางคลิป เครื่องหมาย และเซิร์ฟเวอร์สี (สำหรับพร็อพเพอร์ตี้ fill และ stroke) เช่น clip-path: url("resources.svg#myPath")
การติดตามข้อบกพร่อง #40134477 | รายการ ChromeStatus.com | ข้อมูลจำเพาะ
Web API
Direct Sockets API
อนุญาตให้เว็บแอปที่แยกส่วนสร้างการสื่อสารผ่าน Transmission Control Protocol (TCP) และ User Datagram Protocol (UDP) โดยตรงกับอุปกรณ์และระบบเครือข่าย รวมถึงฟังและยอมรับการเชื่อมต่อขาเข้า
การติดตามข้อบกพร่อง #40604287 | รายการ ChromeStatus.com | ข้อกำหนด
ยกเว้นส่วนหัว Speculation-Rules จากการจํากัด CSP
อัปเดตการผสานรวมระหว่างกฎการเก็งกำไรกับ CSP เพื่อให้ CSP มีผลกับ <script type=speculationrules> เท่านั้น และไม่มีผลกับส่วนหัว Speculation-Rules
รายการใน ChromeStatus.com | ข้อมูลจำเพาะ
FedCM เป็นสัญญาณความน่าเชื่อถือสําหรับ Storage Access API
ปรับยอด FedCM และ Storage Access API โดยทำให้ FedCM ก่อนหน้านี้มีเหตุผลที่ถูกต้องในการอนุมัติคำขอเข้าถึงพื้นที่เก็บข้อมูลโดยอัตโนมัติ
การติดตามข้อบกพร่อง #330574529 | รายการ ChromeStatus.com
ค่า COOP ของ noopener-allow-popups
ต้นทางบางแห่งอาจมีแอปพลิเคชันที่แตกต่างกันโดยมีระดับข้อกําหนดด้านความปลอดภัยที่แตกต่างกัน ในกรณีดังกล่าว การป้องกันการที่สคริปต์ที่ทำงานในแอปพลิเคชันหนึ่งจะเปิดหน้าสคริปต์ของแอปพลิเคชันต้นทางเดียวกันอีกแอปหนึ่งได้จะเป็นประโยชน์
ในกรณีเช่นนี้ เอกสารอาจมีประโยชน์ในการทำให้เอกสารเปิดไม่สามารถเขียนสคริปต์ได้ แม้ว่าเอกสารเปิดจะมาจากแหล่งที่มาเดียวกันก็ตาม
ค่า noopener-allow-popups Cross-Origin-Opener-Policy
ช่วยให้เอกสารระบุค่านั้นได้
การติดตามข้อบกพร่อง #344963946 | รายการ ChromeStatus.com
WebHID ในผู้ปฏิบัติงานเฉพาะ
เปิดใช้ WebHID ในบริบทของอุปกรณ์ที่ทำงานโดยเฉพาะ ซึ่งจะช่วยให้คุณทํา I/O จำนวนมากและประมวลผลข้อมูลจากอุปกรณ์ HID ในเธรดแยกต่างหากได้ ซึ่งช่วยลดผลกระทบด้านประสิทธิภาพในเธรดหลัก
WebRTC RTCRtpEncodingParameters.scaleResolutionDownTo
API ที่กำหนดค่าโปรแกรมเข้ารหัส WebRTC ให้ปรับขนาดเฟรมอินพุตหากเฟรมมีขนาดใหญ่กว่า maxWidth และ maxHeight ที่ระบุ API นี้คล้ายกับ scaleResolutionDownBy ยกเว้นข้อจำกัดด้านความละเอียดจะแสดงเป็นค่าสัมบูรณ์ (เช่น 640x360) แทนที่จะเป็นค่าสัมพัทธ์ (เช่น ปรับขนาดลง 2) เพื่อหลีกเลี่ยงเงื่อนไขการแข่งขันที่เกี่ยวข้องกับการเปลี่ยนแปลงขนาดเฟรมอินพุตขณะดำเนินการ
รายการ ChromeStatus.com | ข้อมูลจำเพาะ
โมดูลอินพุตด้วยมือของ WebXR ระดับ 1
แสดงข้อมูลข้อต่อของมือใน XrInputSources เพื่อใช้ระหว่างเซสชัน WebXr
ซึ่งช่วยให้นักพัฒนาแอปโต้ตอบกับเซสชัน WebXR ได้อย่างละเอียดยิ่งขึ้น
การติดตามข้อบกพร่อง #359418633 | รายการ ChromeStatus.com | ข้อมูลจำเพาะ
การแสดงผลและกราฟิก
ระยะห่างของคลิป WebGPU
เพิ่มฟีเจอร์ GPU ที่ไม่บังคับ clip-distances ซึ่งอนุญาตให้ตั้งค่าระยะคลิปที่ผู้ใช้กำหนดในเอาต์พุตเวิร์กเชดเวอร์เทกซ์
เทคนิคนี้มีประโยชน์อย่างยิ่งสำหรับแอปพลิเคชันที่ต้องตัดยอดจุดยอดทั้งหมดในฉากที่อยู่นอกระนาบที่ผู้ใช้กำหนด เช่น แอปพลิเคชัน CAD จำนวนมาก
การติดตามข้อบกพร่อง #358408571 | รายการ ChromeStatus.com | ข้อมูลจำเพาะ
WebGPU: GPUCanvasContext getConfiguration()
เมื่อเรียก GPUCanvasContext configure() ด้วยพจนานุกรมการกําหนดค่าแล้ว คุณจะใช้เมธอด GPUCanvasContext getConfiguration() เพื่อตรวจสอบการกําหนดค่าบริบทของ Canvas ได้ ซึ่งรวมถึงสมาชิก GPU device, format, usage,
viewFormats, colorSpace, toneMapping และ alphaMode
ตามที่ได้พูดคุยกันในข้อ 4828 เว็บแอปสามารถใช้เพื่อตรวจหาว่า WebGPU รองรับ Canvas รูปแบบ HDR หรือไม่
การติดตามข้อบกพร่อง #370109829 | รายการ ChromeStatus.com | ข้อมูลจำเพาะ
ความเป็นส่วนตัว
Attribution Reporting API: นำขีดจำกัดขนาดตัวระบุคีย์การรวมสำหรับการลงทะเบียนทริกเกอร์ออก
ก่อนหน้านี้ ระบบจะตรวจสอบขีดจํากัดความยาวของตัวระบุคีย์การรวมข้อมูลทั้งในแหล่งที่มาและการลงทะเบียนทริกเกอร์ เนื่องจากขีดจํากัดนี้ไม่ได้มีไว้เพื่อความเป็นส่วนตัวและไม่ได้เก็บไว้ในพื้นที่เก็บข้อมูล ระบบจึงนําขีดจํากัดนี้ออกจากการลงทะเบียนทริกเกอร์
Private Aggregation API: เพิ่มขีดจํากัดการมีส่วนร่วมเป็น 100 สําหรับผู้เรียกใช้ Protected Audience
ช่วยให้โปรแกรมรันสคริปต์ของ Protected Audience มีส่วนร่วมได้สูงสุด 100 รายการต่อรายงานการรวมข้อมูลส่วนตัว เมื่อเทียบกับขีดจํากัดปัจจุบันที่ 20 รายการ
การรวมข้อมูลส่วนตัวจะจํากัดจํานวนการมีส่วนร่วมของฮิสโตแกรมที่ฝังไว้ในรายงานที่รวบรวมได้รายงานเดียว โดยระบบจะทิ้งการมีส่วนร่วมเพิ่มเติม ผู้เรียกใช้พื้นที่เก็บข้อมูลที่ใช้ร่วมกันสามารถหลีกเลี่ยงขีดจํากัดได้โดยเรียกใช้การดำเนินการอื่นของพื้นที่เก็บข้อมูลที่ใช้ร่วมกัน อย่างไรก็ตาม ผู้เรียกใช้กลุ่มเป้าหมายที่ได้รับการคุ้มครองจะไม่มีพื้นที่เก็บข้อมูลถาวร จึงสูญเสียการมีส่วนร่วมส่วนเกินเมื่อการประมูลสิ้นสุดลง โปรดทราบว่าการเปลี่ยนแปลงนี้ไม่มีผลต่อความเป็นส่วนตัว เนื่องจากความมีส่วนร่วมของ API จะยังคงถูกจํากัดโดยงบประมาณความเป็นส่วนตัวเดียวกัน
เนื่องจากการถ่วงน้ำหนัก รายงานกลุ่มเป้าหมายที่ได้รับการคุ้มครองแต่ละรายการจะมีเพย์โหลดขนาดใหญ่ขึ้น แม้ว่าจะไม่จําเป็นต้องใช้ขีดจํากัดการมีส่วนร่วมที่มากขึ้นก็ตาม เราคาดว่ารายงานที่ใหญ่ขึ้นเหล่านี้จะเพิ่มค่าใช้จ่ายในการดำเนินงานของบริการรวบรวมข้อมูล
การติดตามข้อบกพร่อง #360160864 | รายการ ChromeStatus.com
ช่วงทดลองใช้จากต้นทาง
Playout Statistics API สำหรับ WebAudio
AudioContext.playoutStats API ช่วยให้แอปพลิเคชันวัดคุณภาพและเวลาในการตอบสนองของการเล่นเสียงโดยใช้ WebAudio ได้
การทดลองใช้รุ่นเบต้าของ Origin | รายการ ChromeStatus.com | ข้อกำหนด
ServiceWorkerStaticRouterTimingInfo
เพิ่มข้อมูลเวลาสําหรับ ServiceWorker Static Routing API ที่แสดงใน Navigation Timing API และ Resource Timing API สําหรับนักพัฒนาซอฟต์แวร์
Service Worker ให้ข้อมูลการกําหนดเวลาเพื่อทําเครื่องหมายจุดในบางช่วงเวลา เราเพิ่มข้อมูลการกําหนดเวลาที่เกี่ยวข้องกับ Static Routing API 2 รายการ ได้แก่ RouterEvaluationStart ซึ่งเป็นเวลาที่จะเริ่มจับคู่คําขอกับกฎของ Router ที่ลงทะเบียนไว้ และ CacheLookupStart ซึ่งเป็นเวลาที่จะเริ่มค้นหาพื้นที่เก็บข้อมูลแคชหากแหล่งที่มาคือ "cache" นอกจากนี้ เรายังเพิ่มข้อมูลแหล่งที่มาของเราเตอร์ 2 รายการ ได้แก่ แหล่งที่มาของเราเตอร์ที่ตรงกันและแหล่งที่มาของเราเตอร์สุดท้าย
ช่วงทดลองใช้ของ Origin | รายการ ChromeStatus.com
Summarization API
JavaScript API สำหรับสร้างสรุปข้อความอินพุต ซึ่งทำงานด้วยโมเดลภาษา AI
การทดลองใช้เวอร์ชันที่ใช้งานจริง | เอกสารประกอบของ Summary API | ข้อบกพร่องการติดตาม #351744634 | รายการใน ChromeStatus.com
Translator API
JavaScript API เพื่อมอบความสามารถในการแปลภาษาให้กับหน้าเว็บ
ช่วงทดลองใช้เวอร์ชันที่ใช้งานจริง | เอกสารประกอบ Translator API | ข้อบกพร่องการติดตาม #322229993 | รายการใน ChromeStatus.com
การเลิกใช้งานและการนำออก
นำพร็อพเพอร์ตี้การจัดตำแหน่งจุดยึด CSS inset-area ออก
เมื่อกลุ่มทํางาน CSS ตัดสินใจเปลี่ยนชื่อพร็อพเพอร์ตี้ inset-area เป็น position-area การนําพร็อพเพอร์ตี้นี้ออกจะช่วยปรับปรุงการใช้งานใน Chromium ให้เป็นไปตามมาตรฐาน
การติดตามข้อบกพร่อง #352360007 | รายการ ChromeStatus.com
นำความสามารถในการปิดใช้ BeforeunloadEventCancelByPreventDefault ออก
ฟีเจอร์ BeforeunloadEventCancelByPreventDefault เปิดตัวใน Chrome 117 แต่มีนโยบายระดับองค์กรที่อนุญาตให้ปิดใช้ Flag นี้โดยบังคับ เราจะนำนโยบายสำหรับองค์กรออกใน Chrome 131
นำเมธอด requestAdapterInfo() ของ GPUAdapter ที่ไม่ใช่มาตรฐานออก
คณะทำงาน WebGPU ตัดสินใจว่า requestAdapterInfo() ไม่ควรทริกเกอร์ข้อความแจ้งสิทธิ์ จึงนำตัวเลือกดังกล่าวออกและแทนที่ด้วยแอตทริบิวต์ GPUAdapter info เพื่อให้นักพัฒนาเว็บได้รับค่า GPUAdapterInfo เดียวกันแบบซิงค์กัน
รายการ ChromeStatus.com | ข้อมูลจำเพาะ
อ่านเพิ่มเติม
หากต้องการข้อมูลเพิ่มเติม โปรดดูแหล่งข้อมูลเพิ่มเติมเหล่านี้
- มีอะไรใหม่ใน Chrome 131
- มีอะไรใหม่ใน Chrome DevTools 131
- การอัปเดต ChromeStatus.com สำหรับ Chrome 131
- ปฏิทินการเผยแพร่ของ Chrome
- การเลิกใช้งานที่กําลังจะเกิดขึ้น
- การนำออกที่กําลังจะเกิดขึ้น