เผยแพร่: 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 ช่วยให้จำกัดระดับการมองเห็นของชื่อ Anchor ไว้ที่
ซับทรีที่กำหนดได้
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>
เพื่อให้ใช้องค์ประกอบเหล่านี้ได้ในกรณีอื่นๆ ที่สร้างวิดเจ็ตการเปิดเผยข้อมูลหรือวิดเจ็ตแบบออร์แกนบนเว็บ โดยเฉพาะอย่างยิ่ง การเปลี่ยนแปลงนี้จะ
นำข้อจำกัดที่ป้องกันการตั้งค่าพร็อพเพอร์ตี้การแสดงผลในองค์ประกอบเหล่านี้ออก
และเพิ่ม::details-contentองค์ประกอบเสมือนเพื่อจัดรูปแบบคอนเทนเนอร์
สำหรับส่วนที่ขยายและยุบ
@page กล่องระยะขอบ
เพิ่มการรองรับกล่องขอบหน้าเมื่อพิมพ์เอกสารเว็บหรือส่งออกเป็น PDF
@page กล่องระยะขอบช่วยให้คุณกำหนดเนื้อหาในพื้นที่ระยะขอบของ
หน้าได้ เช่น เพื่อระบุส่วนหัวและส่วนท้ายที่กำหนดเอง แทนที่จะใช้
ส่วนหัวและส่วนท้ายในตัวที่เบราว์เซอร์สร้างขึ้น
กล่องขอบจะกำหนดโดยใช้กฎ @ ภายในกฎ @page ของ CSS
ลักษณะที่ปรากฏและเนื้อหาของกล่องขอบจะระบุด้วยพร็อพเพอร์ตี้ CSS
ภายในกฎ @ รวมถึงพร็อพเพอร์ตี้ 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
อนุญาตให้เว็บแอปที่แยกจากกันสร้างการสื่อสารผ่านชุดโปรโตคอลสำหรับควบคุมการรับส่งข้อมูล (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) ของบุคคลที่สามใน Relying Party (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 รายการต่อรายงาน Private Aggregation เมื่อเทียบกับขีดจำกัดปัจจุบันที่ 20 รายการ
Private Aggregation จำกัดจำนวนการมีส่วนร่วมของฮิสโทแกรมที่ฝังอยู่ในรายงานที่รวบรวมได้รายการเดียว โดยจะทิ้งการมีส่วนร่วมเพิ่มเติม ผู้เรียกใช้พื้นที่เก็บข้อมูลที่แชร์สามารถหลีกเลี่ยงขีดจำกัดได้โดยการเรียกใช้การดำเนินการ Shared Storage อื่น อย่างไรก็ตาม ผู้เรียกใช้ Protected Audience API จะไม่มีพื้นที่เก็บข้อมูลแบบถาวร จึงสูญเสียการมีส่วนร่วมที่เกินมาเมื่อสิ้นสุดการประมูล โปรดทราบว่าการเปลี่ยนแปลงนี้ไม่มีผลต่อความเป็นส่วนตัว เนื่องจาก API ยังคงมีข้อจำกัดด้านงบประมาณความเป็นส่วนตัวเดียวกัน
เนื่องจากการเพิ่มข้อมูล ทำให้รายงาน Protected Audience API แต่ละฉบับจะมีเพย์โหลดที่ใหญ่ขึ้น แม้ว่าจะไม่จำเป็นต้องมีขีดจำกัดการมีส่วนร่วมที่ใหญ่ขึ้นก็ตาม เราคาดว่ารายงานที่มีขนาดใหญ่ขึ้นเหล่านี้จะเพิ่มต้นทุนในการดำเนินการบริการรวมข้อมูล
เลือกการผ่อนปรนของตัวแยกวิเคราะห์
การเปลี่ยนแปลงนี้จะทำให้โปรแกรมแยกวิเคราะห์ HTML อนุญาตแท็กเพิ่มเติมใน <select> นอกเหนือจาก
<option>, <optgroup> และ <hr>
การเปลี่ยนแปลงนี้เป็นการสนับสนุนฟีเจอร์ <select> ที่ปรับแต่งได้ แต่จะ
เปิดตัวก่อนเนื่องจากดำเนินการแยกกันได้และมีความเสี่ยงด้านความเข้ากันได้บางอย่าง ซึ่ง
ทีม Chrome ต้องการรับความคิดเห็น
WebGPU: ระยะการตัด
เพิ่มฟีเจอร์ GPU ที่ไม่บังคับ clip-distances ซึ่งช่วยให้ตั้งค่าระยะตัดที่ผู้ใช้กำหนด
ในเอาต์พุต Vertex Shader ได้ เทคนิคนี้มีประโยชน์อย่างยิ่ง
สำหรับแอปพลิเคชันที่ต้องตัดจุดยอดทั้งหมดในฉากที่อยู่นอกเหนือ
ระนาบที่ผู้ใช้กำหนด เช่น แอปพลิเคชัน CAD จำนวนมาก
WebGPU: GPUCanvasContext getConfiguration()
เมื่อเรียกใช้ GPUCanvasContext configure() ด้วยพจนานุกรมการกำหนดค่าแล้ว คุณจะใช้วิธี GPUCanvasContext getConfiguration() เพื่อตรวจสอบการกำหนดค่าบริบท Canvas ได้ ซึ่งรวมถึงสมาชิก GPU device, format, usage,
viewFormats, colorSpace, toneMapping และ alphaMode
ดังที่ได้กล่าวไว้ในปัญหา 4828
เว็บแอปสามารถใช้
เพื่อตรวจหาว่า WebGPU รองรับ Canvas HDR หรือไม่
WebHID ในผู้ปฏิบัติงานเฉพาะ
เปิดใช้ WebHID ภายในบริบทของ Worker เฉพาะ ซึ่งจะช่วยให้คุณสามารถดำเนินการ I/O ที่มีปริมาณมาก และการประมวลผลข้อมูลจากอุปกรณ์ HID ในเทรดแยกต่างหาก ซึ่งจะช่วยลด ผลกระทบด้านประสิทธิภาพในเทรดหลัก
WebRTC RTCRtpEncodingParameters.scaleResolutionDownTo
API ที่กำหนดค่าตัวเข้ารหัส WebRTC เพื่อปรับขนาดเฟรมอินพุตหากมีขนาดใหญ่กว่า maxWidth และ maxHeight ที่ระบุ API นี้คล้ายกับ
scaleResolutionDownBy เพียงแต่ข้อจำกัดด้านความละเอียดจะแสดงใน
ข้อกำหนดที่แน่นอน (เช่น 640x360) แทนที่จะเป็นข้อกำหนดที่เกี่ยวข้อง (เช่น
ลดขนาดลง 2 เท่า) เพื่อหลีกเลี่ยงการแข่งขันที่เกี่ยวข้องกับการเปลี่ยนขนาดเฟรมอินพุต
ในทันที
ช่วงทดลองใช้จากต้นทางใหม่
ใน Chrome 131 คุณสามารถเลือกใช้ช่วงทดลองใช้จากต้นทางใหม่ต่อไปนี้ได้
สถิติการเล่นสำหรับ WebAudio
AudioContext.playoutStats ฟีเจอร์นี้ช่วยให้แอปพลิเคชันวัด
คุณภาพและความหน่วงของการเล่นเสียงโดยใช้ WebAudio ได้
Summarizer API
API ของ JavaScript สำหรับสร้างสรุปของข้อความที่ป้อน โดยมีโมเดลภาษา AI เป็นตัวขับเคลื่อน
การเลิกใช้งานและการนำออก
Chrome เวอร์ชันนี้มีการเลิกใช้งานและการนำออกต่อไปนี้ ไปที่ ChromeStatus.com เพื่อดูรายการการเลิกใช้งานที่วางแผนไว้ การเลิกใช้งานในปัจจุบัน และการนำออกก่อนหน้า
Chrome เวอร์ชันนี้จะนำฟีเจอร์ 3 อย่างออก
นำพร็อพเพอร์ตี้การวางตำแหน่งจุดยึด CSS ออก inset-area
การนำออกนี้จะช่วยล้างการใช้งานใน Chromium สำหรับฟีเจอร์ที่สอดคล้องกับมาตรฐาน
เนื่องจากมติของกลุ่มงาน CSS เกี่ยวกับการเปลี่ยนชื่อพร็อพเพอร์ตี้ inset-area เป็น
position-area
นำความสามารถในการปิดใช้ BeforeunloadEventCancelByPreventDefault ออก
ฟีเจอร์ BeforeunloadEventCancelByPreventDefault เปิดตัวใน Chrome 117 แต่มีนโยบายระดับองค์กรที่อนุญาตให้บังคับปิดใช้ Flag นี้ได้ เราจะนำนโยบายขององค์กรออกใน Chrome 131
นำเมธอด requestAdapterInfo() ของ GPUAdapter ที่ไม่ใช่มาตรฐานออก
คณะทำงาน WebGPU ตัดสินใจว่าการให้ requestAdapterInfo()
ทริกเกอร์ข้อความแจ้งขอสิทธิ์นั้นไม่สามารถทำได้จริง จึงได้นำตัวเลือกดังกล่าวออกและแทนที่ด้วยแอตทริบิวต์ info ของ GPUAdapter เพื่อให้นักพัฒนาเว็บได้รับค่า GPUAdapterInfo เดียวกันแบบพร้อมกัน