เผยแพร่: 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
Direct Sockets API
อนุญาตให้เว็บแอปที่แยกส่วนสร้างการสื่อสารผ่าน Transmission Control Protocol (TCP) และ User Datagram Protocol (UDP) โดยตรงกับอุปกรณ์และระบบเครือข่าย รวมถึงฟังและยอมรับการเชื่อมต่อขาเข้า
ยกเว้นส่วนหัว Speculation-Rules จากการจํากัด CSP
อัปเดตการผสานรวมระหว่างกฎการเก็งกำไรกับ CSP เพื่อให้ CSP มีผลกับ <script type=speculationrules> เท่านั้น และไม่มีผลกับส่วนหัว Speculation-Rules นโยบายสคริปต์ของ CSP มีไว้เพื่อป้องกันการแทรกสคริปต์ลงใน HTML และรูปแบบภัยคุกคามของ CSP ไม่ได้เกี่ยวข้องกับส่วนหัว HTTP ซึ่งช่วยให้คุณติดตั้งใช้งานกฎการคาดเดาจาก CDN และเซิร์ฟเวอร์ Edge อื่นๆ ได้ง่ายขึ้น
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 รายการ
การรวมข้อมูลส่วนตัวจะจํากัดจํานวนการมีส่วนร่วมของฮิสโตแกรมที่ฝังไว้ในรายงานที่รวบรวมได้รายงานเดียว โดยระบบจะทิ้งการมีส่วนร่วมเพิ่มเติม ผู้เรียกใช้พื้นที่เก็บข้อมูลที่ใช้ร่วมกันสามารถหลีกเลี่ยงขีดจํากัดได้โดยเรียกใช้การดำเนินการอื่นของพื้นที่เก็บข้อมูลที่ใช้ร่วมกัน อย่างไรก็ตาม ผู้เรียกใช้กลุ่มเป้าหมายที่ได้รับการคุ้มครองจะไม่มีพื้นที่เก็บข้อมูลถาวร จึงสูญเสียการมีส่วนร่วมส่วนเกินเมื่อการประมูลสิ้นสุดลง โปรดทราบว่าการเปลี่ยนแปลงนี้ไม่มีผลต่อความเป็นส่วนตัว เนื่องจากข้อมูลที่ได้จาก API จะยังคงถูกจำกัดโดยงบประมาณความเป็นส่วนตัวเดียวกัน
เนื่องจากการถ่วงน้ำหนัก รายงาน Protected Audience แต่ละรายการจะมีเพย์โหลดขนาดใหญ่ขึ้น แม้ว่าจะไม่จําเป็นต้องใช้ขีดจํากัดการมีส่วนร่วมที่มากขึ้นก็ตาม เราคาดว่ารายงานที่ใหญ่ขึ้นเหล่านี้จะเพิ่มค่าใช้จ่ายในการดำเนินงานบริการรวบรวมข้อมูล
เลือกการผ่อนปรนโปรแกรมวิเคราะห์
การเปลี่ยนแปลงนี้ทำให้โปรแกรมแยกวิเคราะห์ 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 รายการออก
นำพร็อพเพอร์ตี้การจัดตำแหน่งจุดยึด CSS inset-area ออก
เมื่อกลุ่มทํางาน CSS ตัดสินใจเปลี่ยนชื่อพร็อพเพอร์ตี้ inset-area เป็น position-area การนําพร็อพเพอร์ตี้นี้ออกจะช่วยปรับปรุงการใช้งานใน Chromium ให้เป็นไปตามมาตรฐาน
นำความสามารถในการปิดใช้ BeforeunloadEventCancelByPreventDefault ออก
ฟีเจอร์ BeforeunloadEventCancelByPreventDefault เปิดตัวใน Chrome 117 แต่มีนโยบายระดับองค์กรที่อนุญาตให้ปิดใช้ Flag นี้โดยบังคับ เราจะนำนโยบายสำหรับองค์กรออกใน Chrome 131
นำเมธอด requestAdapterInfo() ของ GPUAdapter ที่ไม่ใช่มาตรฐานออก
คณะทำงาน WebGPU ตัดสินใจว่า requestAdapterInfo() ไม่ควรทริกเกอร์ข้อความแจ้งสิทธิ์ จึงนำตัวเลือกดังกล่าวออกและแทนที่ด้วยแอตทริบิวต์ GPUAdapter info เพื่อให้นักพัฒนาเว็บได้รับค่า GPUAdapterInfo เดียวกันแบบซิงค์กัน