วันที่เปิดตัวแบบเสถียร: 12 พฤศจิกายน 2024
การเปลี่ยนแปลงต่อไปนี้มีผลกับ Chrome 131 เวอร์ชันเสถียรสำหรับ Android, ChromeOS, Linux, macOS และ Windows เว้นแต่จะระบุไว้เป็นอย่างอื่น
CSS
จุดยืนของ CSS Anchor: ขอบเขตระดับ Anchor
พร็อพเพอร์ตี้ 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 ทำให้ CSS ไฮไลต์คลาสจำลอง เช่น ::selection และ ::highlight จะสืบทอดพร็อพเพอร์ตี้ผ่านเชนไฮไลต์เทียม ไม่ใช่เชนองค์ประกอบ
ผลลัพธ์ที่ได้คือรูปแบบที่ใช้งานง่ายขึ้นสำหรับการรับค่าของพร็อพเพอร์ตี้ในไฮไลต์
การเปลี่ยนแปลงการสืบทอดสำหรับการจัดรูปแบบการเลือก CSS | รายการ ChromeStatus.com | ข้อกำหนด
การปรับปรุงโครงสร้างการจัดรูปแบบขององค์ประกอบ <details> และ <summary>
รองรับการจัดรูปแบบ CSS เพิ่มเติมสำหรับโครงสร้างขององค์ประกอบ <details> และ <summary> เพื่อให้ใช้องค์ประกอบเหล่านี้ได้มากขึ้นในกรณีที่มีการสร้างวิดเจ็ตการเปิดเผยข้อมูลหรือวิดเจ็ตแบบ Accordion บนเว็บ โดยเฉพาะอย่างยิ่ง การเปลี่ยนแปลงนี้จะนําข้อจํากัดที่ป้องกันไม่ให้ตั้งค่าพร็อพเพอร์ตี้ display ในองค์ประกอบเหล่านี้ออก และเพิ่มองค์ประกอบจำลอง ::details-content เพื่อจัดสไตล์คอนเทนเนอร์สําหรับส่วนที่ขยายและยุบ
การติดตามข้อบกพร่อง #1469418 | รายการ ChromeStatus.com | ข้อมูลจำเพาะ
@page กล่องระยะขอบ
เพิ่มการรองรับกล่องระยะขอบหน้าเว็บเมื่อพิมพ์เอกสารบนเว็บหรือส่งออกเป็น PDF
@page ช่องระยะขอบช่วยให้คุณกำหนดเนื้อหาในพื้นที่ระยะขอบของหน้าได้ เช่น เพื่อระบุส่วนหัวและส่วนท้ายที่กำหนดเอง แทนที่จะใช้ส่วนหัวและส่วนท้ายในตัวที่เบราว์เซอร์สร้างขึ้น
ระบบจะกำหนดช่องขอบโดยใช้กฎ @ ภายในกฎ @page ของ CSS
จะมีการระบุลักษณะและเนื้อหาของช่องขอบด้วยพร็อพเพอร์ตี้ CSS ภายในกฎ at รวมถึงพร็อพเพอร์ตี้เนื้อหา
นอกจากนี้ ระบบยังรองรับตัวนับสำหรับการจัดเลขหน้าด้วย ข้อกําหนดระบุชื่อตัวนับพิเศษ 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) โดยตรงกับอุปกรณ์และระบบเครือข่าย รวมถึงฟังและยอมรับการเชื่อมต่อขาเข้า
การติดตามข้อบกพร่อง #909927 | รายการ 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 ซึ่งอนุญาตให้ตั้งค่าระยะทางคลิปที่ผู้ใช้กำหนดในเอาต์พุตของตัวปรับแสงเงายอด (Vertex Shape)
เทคนิคนี้มีประโยชน์อย่างยิ่งสำหรับแอปพลิเคชันที่ต้องตัดยอดจุดยอดทั้งหมดในฉากที่อยู่นอกระนาบที่ผู้ใช้กำหนด เช่น แอปพลิเคชัน 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 รายการ
การรวมข้อมูลส่วนตัวจะจํากัดจํานวนการมีส่วนร่วมของฮิสโตแกรมที่ฝังไว้ในรายงานที่รวบรวมได้รายงานเดียว โดยจะทิ้งการมีส่วนร่วมเพิ่มเติม ผู้เรียกใช้พื้นที่เก็บข้อมูลที่ใช้ร่วมกันสามารถหลีกเลี่ยงขีดจํากัดได้โดยเรียกใช้การดำเนินการอื่นของพื้นที่เก็บข้อมูลที่ใช้ร่วมกัน อย่างไรก็ตาม ผู้เรียกใช้ Protected Audience ไม่มีพื้นที่เก็บข้อมูลถาวร จึงสูญเสียการมีส่วนร่วมส่วนเกินเมื่อสิ้นสุดการประมูล โปรดทราบว่าการเปลี่ยนแปลงนี้ไม่มีผลต่อความเป็นส่วนตัว เนื่องจากความมีส่วนร่วมของ API จะยังคงถูกจํากัดโดยงบประมาณความเป็นส่วนตัวเดียวกัน
เนื่องจากการถ่วงน้ำหนัก รายงานกลุ่มเป้าหมายที่ได้รับการคุ้มครองแต่ละรายการจะมีเพย์โหลดขนาดใหญ่ขึ้น แม้ว่าจะไม่จําเป็นต้องใช้ขีดจํากัดการมีส่วนร่วมที่มากขึ้นก็ตาม เราคาดว่ารายงานที่ใหญ่ขึ้นเหล่านี้จะเพิ่มค่าใช้จ่ายในการดำเนินงานของบริการรวบรวมข้อมูล
การติดตามข้อบกพร่อง #360160864 | รายการ ChromeStatus.com
ช่วงทดลองใช้จากต้นทาง
Playout Statistics API สำหรับ WebAudio
AudioContext.playoutStats API ช่วยให้แอปพลิเคชันวัดคุณภาพและเวลาในการตอบสนองของการเล่นเสียงโดยใช้ WebAudio ได้
ช่วงทดลองใช้จากต้นทาง | รายการ ChromeStatus.com | ข้อมูลจำเพาะ
ServiceWorkerStaticRouterTimingInfo
เพิ่มข้อมูลเวลาสําหรับ ServiceWorker Static Routing API ที่แสดงใน Navigation Timing API และ Resource Timing API สําหรับนักพัฒนาซอฟต์แวร์
Service Worker ให้ข้อมูลการกําหนดเวลาเพื่อทําเครื่องหมายจุดในบางช่วงเวลา เราเพิ่มข้อมูลเวลาที่เกี่ยวข้องกับ API การกำหนดเส้นทางแบบคงที่ 2 รายการ ได้แก่ RouterEvaluationStart เวลาที่จะเริ่มจับคู่คำขอกับกฎเราเตอร์ที่ลงทะเบียน และ CacheLookupStart หรือเวลาที่จะเริ่มค้นหาพื้นที่เก็บข้อมูลแคชหากแหล่งที่มาคือ "แคช" นอกจากนี้เรายังเพิ่มข้อมูลแหล่งที่มาของเราเตอร์ 2 รายการ ได้แก่ แหล่งที่มาของเราเตอร์ที่ตรงกัน และแหล่งที่มาของเราเตอร์สุดท้าย
ช่วงทดลองใช้ของ Origin | รายการ ChromeStatus.com
Summarization API
JavaScript API สำหรับสร้างสรุปข้อความอินพุต ซึ่งรองรับโดยโมเดลภาษา AI
การทดลองใช้เวอร์ชันที่ใช้งานจริง | เอกสารประกอบของ Summary API | ข้อบกพร่องการติดตาม #351744634 | รายการใน ChromeStatus.com
Translator API
JavaScript API สำหรับให้ความสามารถในการแปลภาษาสำหรับหน้าเว็บ
ช่วงทดลองใช้เวอร์ชันที่ใช้งานจริง | เอกสารประกอบ Translator API | ข้อบกพร่องการติดตาม #322229993 | รายการใน ChromeStatus.com
การเลิกใช้งานและการนำออก
นำพร็อพเพอร์ตี้การวางตำแหน่ง Anchor ของ 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
- การเลิกใช้งานที่กําลังจะเกิดขึ้น
- การนำออกที่กําลังจะเกิดขึ้น