เผยแพร่เมื่อวันที่ 16 ตุลาคม 2024
การเปลี่ยนแปลงต่อไปนี้มีผลกับ Chrome เบต้าเวอร์ชันล่าสุดในช่องทางสำหรับ Android, ChromeOS, Linux, macOS และ Windows เว้นแต่จะระบุไว้เป็นอย่างอื่น ดูข้อมูลเพิ่มเติมเกี่ยวกับฟีเจอร์ที่แสดงที่นี่ผ่านลิงก์ที่ให้ไว้หรือจากรายการใน ChromeStatus.com Chrome 131 เป็นเวอร์ชันเบต้าตั้งแต่วันที่ 16 ตุลาคม 2024 คุณสามารถดาวน์โหลดเวอร์ชันล่าสุดได้ที่ Google.com สำหรับเดสก์ท็อป หรือใน Google Play Store บน Android
CSS
รุ่นนี้มีการเพิ่มฟีเจอร์ CSS ใหม่ 8 รายการ
การจัดตําแหน่ง Anchor ของ CSS: anchor-scope
พร็อพเพอร์ตี้ anchor-scope ช่วยให้คุณจํากัดการแสดงชื่อแอตทริบิวต์แองเคอร์ได้เฉพาะกับซับต้นไม้ที่ระบุ
CSS font-variant-emoji
พร็อพเพอร์ตี้ font-variant-emoji CSS มีวิธีควบคุมการแสดงภาพอีโมจิแบบมีสี (สไตล์อีโมจิ) และแบบโมโนโครม (สไตล์ข้อความ) คุณยังดำเนินการนี้ได้ด้วยการเพิ่มตัวเลือกรูปแบบอีโมจิ โดยเฉพาะอย่างยิ่ง U+FE0E สำหรับข้อความและ U+FE0F สำหรับอีโมจิ หลังโค้ดอีโมจิแต่ละรายการ
การรับค่าการไฮไลต์ CSS
เมื่อใช้การสืบทอดไฮไลต์ CSS คลาสคำนำหน้าของไฮไลต์ CSS เช่น ::selection และ ::highlight จะรับค่าพร็อพเพอร์ตี้ผ่านเชนไฮไลต์จำลองแทนเชนองค์ประกอบ ผลลัพธ์ที่ได้คือรูปแบบที่ใช้งานง่ายยิ่งขึ้นสำหรับการรับค่าของพร็อพเพอร์ตี้ในไฮไลต์
อ่านข้อมูลเพิ่มเติมได้ในบล็อกโพสต์การเปลี่ยนแปลงการสืบทอดสำหรับการจัดรูปแบบตัวเลือก CSS เขียนโดย Stephen Chenney จาก Igalia
การปรับปรุงโครงสร้างการจัดรูปแบบขององค์ประกอบ <details> และ <summary>
รองรับการจัดสไตล์ CSS เพิ่มเติมสำหรับโครงสร้างขององค์ประกอบ <details> และ <summary> เพื่อให้ใช้องค์ประกอบเหล่านี้ได้มากขึ้นในกรณีที่มีการสร้างวิดเจ็ตการเปิดเผยหรือวิดเจ็ตแบบแอคคอร์เดียนในเว็บ โดยเฉพาะอย่างยิ่ง การเปลี่ยนแปลงนี้จะยกเลิกข้อจำกัดที่ป้องกันไม่ให้ตั้งค่าพร็อพเพอร์ตี้ display ในองค์ประกอบเหล่านี้ และเพิ่มองค์ประกอบจำลอง ::details-content เพื่อจัดสไตล์คอนเทนเนอร์สำหรับส่วนที่ขยายและยุบ
@page ช่องขอบ
เพิ่มการรองรับกล่องระยะขอบหน้าเว็บเมื่อพิมพ์เอกสารบนเว็บหรือส่งออกเป็น PDF
@pageกล่องระยะขอบช่วยให้คุณกำหนดเนื้อหาในพื้นที่ระยะขอบของหน้าได้ เช่น เพื่อระบุส่วนหัวและส่วนท้ายที่กำหนดเอง แทนที่จะใช้ส่วนหัวและส่วนท้ายในตัวที่เบราว์เซอร์สร้างขึ้น
กล่องระยะขอบจะกำหนดโดยใช้กฎ at ภายในกฎ @page ของ CSS ลักษณะและเนื้อหาของกล่องระยะขอบจะระบุด้วยพร็อพเพอร์ตี้ CSS ภายใน at-rule รวมถึงพร็อพเพอร์ตี้ content ระบบยังรองรับตัวนับสําหรับการระบุหมายเลขหน้าด้วย ข้อกำหนดกำหนดชื่อตัวนับพิเศษ 2 ชื่อ ได้แก่ page สำหรับหมายเลขหน้าปัจจุบันและ pages สำหรับจํานวนหน้าทั้งหมด
ไวยากรณ์ @property support <string>
รองรับชื่อคอมโพเนนต์ไวยากรณ์ <string> สำหรับพร็อพเพอร์ตี้ที่กำหนดเองที่ลงทะเบียนไว้
รองรับ currentcolor ในไวยากรณ์สีแบบสัมพัทธ์
อนุญาตให้สีสัมพัทธ์ใน CSS (โดยใช้คีย์เวิร์ด from) ใช้ currentcolor เป็นฐาน ซึ่งช่วยให้คุณกำหนดสีเสริมตามสีข้อความขององค์ประกอบสำหรับขอบ เงา หรือพื้นหลังขององค์ประกอบนั้นได้
ฟีเจอร์นี้ยังรวมถึงกรณีการใช้งานที่ฝังฟังก์ชันสีไว้โดยขึ้นอยู่กับ currentcolor เช่น color-mix(in srgb, rgb(from currentcolor r g b), white)) หรือ
rgb(from rgb(from currentcolor 1 g b) b g r)
รองรับแหล่งข้อมูล SVG ภายนอกสําหรับพร็อพเพอร์ตี้ clip-path, fill, stroke และ marker-*
ฟีเจอร์นี้เพิ่มการรองรับการอ้างอิงภายนอกสำหรับเส้นทางคลิป เครื่องหมาย และเซิร์ฟเวอร์สี (สำหรับพร็อพเพอร์ตี้ "fill" และ "stroke") ตัวอย่างเช่น clip-path: url("resources.svg#myPath")
Web API
API ของ Direct Sockets
อนุญาตให้เว็บแอปที่แยกส่วนสร้างการสื่อสารผ่าน Transmission Control Protocol (TCP) และ User Datagram Protocol (UDP) โดยตรงกับอุปกรณ์และระบบเครือข่าย รวมถึงฟังและยอมรับการเชื่อมต่อขาเข้า
ยกเว้นส่วนหัว Speculation-Rules จากการจํากัด CSP
อัปเดตการผสานรวมระหว่างกฎการเก็งกำไรกับ CSP เพื่อให้ CSP มีผลกับ <script type=speculationrules> เท่านั้น และไม่มีผลกับส่วนหัว Speculation-Rules นโยบายสคริปต์ของ CSP มีไว้เพื่อป้องกันการแทรกสคริปต์ลงใน HTML ส่วนโมเดลภัยคุกคามของ CSP จะไม่เกี่ยวข้องกับส่วนหัว HTTP ซึ่งช่วยให้ใช้งานกฎการคาดเดาจาก CDN และ Edge Server อื่นๆ ได้ง่ายขึ้น
FedCM เป็นสัญญาณความน่าเชื่อถือสําหรับ Storage Access API
ปรับยอด FedCM และ Storage Access API โดยทำให้ FedCM ก่อนหน้ามีเหตุผลที่ถูกต้องในการอนุมัติคำขอเข้าถึงพื้นที่เก็บข้อมูลโดยอัตโนมัติ
เมื่อผู้ใช้ให้สิทธิ์ใช้ข้อมูลประจำตัวกับผู้ให้บริการข้อมูลประจำตัว (IdP) ของบุคคลที่สามในบุคคลที่เชื่อถือ (RP) นั้น IdP จํานวนมากต้องใช้คุกกี้ของบุคคลที่สามเพื่อให้ทํางานได้อย่างถูกต้องและปลอดภัย ข้อเสนอนี้มีจุดประสงค์เพื่อปฏิบัติตามข้อกำหนดดังกล่าวในลักษณะที่ปลอดภัยและเป็นส่วนตัวโดยการอัปเดตการตรวจสอบสิทธิ์ของ Storage Access API (SAA) เพื่อไม่เพียงยอมรับการให้สิทธิ์ที่ได้จากข้อความแจ้งการเข้าถึงพื้นที่เก็บข้อมูลเท่านั้น แต่ยังยอมรับการให้สิทธิ์ที่ได้จากข้อความแจ้ง FedCM ด้วย
คุณสมบัติหลักของกลไกนี้คือ การจำกัดการให้สิทธิ์เฉพาะในกรณีที่ RP อนุญาตอย่างชัดเจนด้วยนโยบายสิทธิ์ FedCM การบังคับใช้การควบคุมต่อเฟรมสำหรับ RP และการป้องกันไม่ให้ IdP ทำการเฝ้าติดตามแบบพาสซีฟนอกเหนือจากความสามารถที่ FedCM มอบให้อยู่แล้ว
ค่า COOP noopener-allow-popups
ต้นทางบางแห่งอาจมีแอปพลิเคชันที่แตกต่างกันโดยมีข้อกําหนดด้านความปลอดภัยในระดับต่างๆ ในกรณีดังกล่าว การป้องกันไม่ให้สคริปต์ที่ทำงานในแอปพลิเคชันหนึ่งเปิดและสคริปต์หน้าเว็บของแอปพลิเคชันอื่นที่มีแหล่งที่มาเดียวกันอาจมีประโยชน์
ในกรณีเช่นนี้ เอกสารอาจมีประโยชน์ในกรณีที่ผู้เปิดไม่สามารถเขียนสคริปต์เอกสารได้ แม้ว่าเอกสารที่เปิดจะเป็นเอกสารจากแหล่งที่มาเดียวกันก็ตาม ค่า noopener-allow-popups Cross-Origin-Opener-Policy ช่วยให้เอกสารกำหนดลักษณะการทำงานนั้นได้
Private Aggregation API: เพิ่มขีดจํากัดการมีส่วนร่วมเป็น 100 สําหรับผู้เรียกใช้ Protected Audience
ช่วยให้โปรแกรมรันสคริปต์ Protected Audience มีส่วนร่วมได้สูงสุด 100 รายการต่อรายงานการรวมข้อมูลส่วนตัว เมื่อเทียบกับขีดจํากัดปัจจุบันที่ 20 รายการ
การรวมข้อมูลส่วนตัวจะจํากัดจํานวนการมีส่วนร่วมของฮิสโตแกรมที่ฝังไว้ในรายงานที่รวบรวมได้รายงานเดียว โดยจะทิ้งการมีส่วนร่วมเพิ่มเติม ผู้เรียกใช้พื้นที่เก็บข้อมูลที่ใช้ร่วมกันสามารถหลีกเลี่ยงขีดจํากัดได้โดยเรียกใช้การดำเนินการอื่นของพื้นที่เก็บข้อมูลที่ใช้ร่วมกัน แต่ผู้โทรที่ใช้ Protected Audience API ไม่มีพื้นที่เก็บข้อมูลถาวร ผู้เรียกใช้จะสูญเสียการมีส่วนร่วมที่เกินมาเมื่อสิ้นสุดการประมูล โปรดทราบว่าการเปลี่ยนแปลงนี้เป็นกลางเรื่องความเป็นส่วนตัวเนื่องจากการมีส่วนร่วมของ API ยังคงถูกจำกัดโดยงบประมาณความเป็นส่วนตัวเท่าเดิม
เนื่องจากการถ่วงน้ำหนัก รายงานกลุ่มเป้าหมายที่ได้รับการคุ้มครองแต่ละรายการจะมีเพย์โหลดขนาดใหญ่ขึ้น แม้ว่าจะไม่จําเป็นต้องใช้ขีดจํากัดการมีส่วนร่วมที่มากขึ้นก็ตาม เราคาดว่ารายงานที่ใหญ่ขึ้นเหล่านี้จะเพิ่มค่าใช้จ่ายในการดำเนินงานบริการรวบรวมข้อมูล
เลือกการผ่อนปรนโปรแกรมวิเคราะห์
การเปลี่ยนแปลงนี้จะทำให้โปรแกรมแยกวิเคราะห์ HTML อนุญาตให้มีแท็กเพิ่มเติมใน <select> นอกเหนือจาก <option>, <optgroup> และ <hr>
การเปลี่ยนแปลงนี้รองรับฟีเจอร์ <select> ที่ปรับแต่งได้ แต่เราจะเปิดตัวฟีเจอร์นี้ก่อนเนื่องจากสามารถดำเนินการแยกกันได้และมีความเสี่ยงด้านความเข้ากันได้บางอย่างที่ทีม Chrome ต้องการความคิดเห็น
WebGPU: ระยะทางของคลิป
เพิ่มฟีเจอร์ GPU ที่ไม่บังคับ clip-distances ซึ่งช่วยให้ตั้งค่าระยะคลิปที่ผู้ใช้กำหนดได้ในเอาต์พุตเวิร์กเชดเวอร์เทกซ์ เทคนิคนี้เป็นประโยชน์อย่างยิ่งสำหรับแอปพลิเคชันที่จำเป็นต้องตัดจุดยอดทั้งหมดในฉากที่อยู่นอกเหนือจากระนาบที่ผู้ใช้กำหนด เช่น แอปพลิเคชัน CAD จำนวนมาก
WebGPU: GPUCanvasContext getConfiguration()
เมื่อเรียก GPUCanvasContext configure() ด้วยพจนานุกรมการกําหนดค่าแล้ว คุณจะใช้เมธอด GPUCanvasContext getConfiguration() เพื่อตรวจสอบการกําหนดค่าบริบทของ Canvas ได้ ซึ่งรวมถึงสมาชิก GPU device, format, usage,
viewFormats, colorSpace, toneMapping และ alphaMode
ตามที่ได้พูดคุยกันในข้อ 4828 เว็บแอปสามารถใช้เพื่อตรวจหาว่า WebGPU รองรับ Canvas รูปแบบ HDR หรือไม่
WebHID ในผู้ปฏิบัติงานเฉพาะ
เปิดใช้ WebHID ในบริบทของอุปกรณ์ที่ทำงานโดยเฉพาะ ซึ่งจะช่วยให้คุณทํา I/O จำนวนมากและประมวลผลข้อมูลจากอุปกรณ์ HID ในเธรดแยกต่างหากได้ ซึ่งช่วยลดผลกระทบด้านประสิทธิภาพในเธรดหลัก
WebRTC RTCRtpEncodingParameters.scaleResolutionDownTo
API ที่กำหนดค่าโปรแกรมเข้ารหัส WebRTC ให้ปรับขนาดเฟรมอินพุตหากเฟรมมีขนาดใหญ่กว่า maxWidth และ maxHeight ที่ระบุ API นี้คล้ายกับ scaleResolutionDownBy ยกเว้นข้อจำกัดด้านความละเอียดจะแสดงเป็นค่าสัมบูรณ์ (เช่น 640x360) แทนที่จะเป็นค่าสัมพัทธ์ (เช่น ปรับขนาดลง 2) เพื่อหลีกเลี่ยงเงื่อนไขการแข่งขันที่เกี่ยวข้องกับการเปลี่ยนแปลงขนาดเฟรมอินพุตขณะดำเนินการ
ช่วงทดลองใช้จากต้นทางใหม่
ใน Chrome 131 คุณจะเลือกใช้ช่วงทดลองใช้จากต้นทางใหม่ต่อไปนี้ได้
สถิติการเล่นสําหรับ WebAudio
ฟีเจอร์ AudioContext.playoutStats ช่วยให้แอปพลิเคชันวัดคุณภาพและความล่าช้าของการเล่นเสียงได้โดยใช้ WebAudio
Summarizer API
JavaScript API สำหรับการสร้างสรุปข้อความอินพุตที่รองรับโดยโมเดลภาษา AI
การเลิกใช้งานและการนำออก
Chrome เวอร์ชันนี้มีการเลิกใช้งานและนำออกดังต่อไปนี้ ไปที่ ChromeStatus.com เพื่อดูรายการการเลิกใช้งานที่วางแผนไว้ การเลิกใช้งานปัจจุบัน และการนำออกก่อนหน้านี้
Chrome เวอร์ชันนี้จะนําฟีเจอร์ 3 รายการออก
นำพร็อพเพอร์ตี้การวางตำแหน่ง Anchor ของ CSS inset-area ออก
จากมติของคณะทำงาน CSS ในการเปลี่ยนชื่อพร็อพเพอร์ตี้ inset-area เป็น position-area การนำออกนี้จะช่วยล้างการติดตั้งใช้งานใน Chromium สำหรับฟีเจอร์ที่เป็นไปตามข้อกำหนดมาตรฐาน
นำความสามารถในการปิดใช้ BeforeunloadEventCancelByPreventDefault ออก
ฟีเจอร์ BeforeunloadEventCancelByPreventDefault เปิดตัวใน Chrome 117 แต่มีนโยบายระดับองค์กรที่อนุญาตให้ปิดใช้ Flag นี้โดยบังคับ เราจะนำนโยบายสำหรับองค์กรออกใน Chrome 131
นำเมธอด requestAdapterInfo() ของ GPUAdapter ที่ไม่ใช่มาตรฐานออก
คณะทำงาน WebGPU ตัดสินใจว่า requestAdapterInfo() ไม่ควรทริกเกอร์ข้อความแจ้งสิทธิ์ จึงนำตัวเลือกดังกล่าวออกและแทนที่ด้วยแอตทริบิวต์ GPUAdapter info เพื่อให้นักพัฒนาเว็บได้รับค่า GPUAdapterInfo เดียวกันแบบซิงค์กัน