Chrome 150 เบต้า

Rachel Andrew

เผยแพร่: 3 มิถุนายน 2026

การเปลี่ยนแปลงต่อไปนี้จะมีผลกับการเปิดตัวช่อง Chrome Beta เวอร์ชันล่าสุดสำหรับ Android, ChromeOS, Linux, macOS และ Windows เว้นแต่จะระบุไว้เป็นอย่างอื่น ดูข้อมูลเพิ่มเติมเกี่ยวกับฟีเจอร์ที่แสดงที่นี่ได้ผ่านลิงก์ที่ให้ไว้หรือจากรายการใน ChromeStatus.com Chrome เป็นเวอร์ชันเบต้าตั้งแต่วันที่ 2 มิถุนายน 2026 คุณสามารถดาวน์โหลดเวอร์ชันล่าสุดได้ที่ Google.com สำหรับเดสก์ท็อปหรือใน Google Play Store บน Android

CSS และ UI

AccentColor และ AccentColorText สีของระบบ

สีของระบบ AccentColor และ AccentColorText สามารถใช้ใน CSS เพื่อเข้าถึงสีเฉพาะจุดของระบบที่ระบุในอุปกรณ์ของผู้ใช้ ความสามารถนี้ช่วยให้นักพัฒนาแอปใช้สไตล์คล้ายแอปกับเนื้อหาเว็บในบริบทที่ผู้ใช้คาดหวังการผสานรวมธีมของระบบปฏิบัติการ เช่น เว็บแอปพลิเคชันที่ติดตั้ง ผู้ใช้ต้องอยู่ในเว็บแอปพลิเคชันที่ติดตั้งในโปรไฟล์เริ่มต้นจึงจะเห็นสีเฉพาะจุดของระบบที่แสดง

อนุญาตพารามิเตอร์การปัดเศษที่ไม่บังคับสำหรับ polygon()

ช่วยให้คุณระบุพารามิเตอร์การปัดมุมที่ไม่บังคับในฟังก์ชัน polygon() CSS shape นักพัฒนาแอปสามารถระบุค่าความยาวเพื่อปัดมุมรูปหลายเหลี่ยม โดยไม่ต้องคำนวณเส้นโค้งเบซิเยร์ด้วยตนเอง

ซูมที่เคลื่อนไหวได้

พร็อพเพอร์ตี้ zoom ของ CSS สามารถเคลื่อนไหวได้และจะแทรกเป็น <number> นักพัฒนาแอป สามารถเปลี่ยนและเคลื่อนไหวการซูมเพื่อปรับขนาดองค์ประกอบและเลย์เอาต์ได้อย่างราบรื่น ซึ่งเป็นการเสริมการปรับขนาดตามการเปลี่ยนรูปแบบที่มีอยู่

ตัวแก้ไขคำขอ URL ของ CSS

ฟังก์ชัน CSS url() ยอมรับตัวแก้ไขคำขอที่ไม่บังคับหลังจากสตริง URL ที่อยู่ในเครื่องหมายคำพูด cross-origin(), integrity() และ referrer-policy() ตัวแก้ไขเหล่านี้ ควบคุมลักษณะการทำงานของการดึงข้อมูลของทรัพยากรที่อ้างอิงโดยตรงจาก CSS โดยไม่ต้องทำการเปลี่ยนแปลงมาร์กอัป HTML หรือ JavaScript

เช่น background-image: url("image.png" cross-origin(anonymous)) จะดึงข้อมูลรูปภาพ โดยใช้โหมดไม่ระบุตัวตนของ CORS

พร็อพเพอร์ตี้ text-fit ของ CSS

ปรับขนาดแบบอักษรของโหนดข้อความให้พอดีกับความกว้างของกล่องที่บรรจุ

พร็อพเพอร์ตี้นี้ช่วยให้นักพัฒนาแอปมั่นใจได้ว่าพาดหัวหรือเนื้อหาแบบไดนามิกจะพอดีกับพื้นที่แนวนอนที่มีอยู่โดยไม่ต้องคำนวณขนาดแบบอักษรด้วยตนเองหรือใช้ JavaScript ที่ซับซ้อน พร็อพเพอร์ตี้นี้เป็นโซลูชันที่แข็งแกร่งและเป็น CSS ดั้งเดิม สำหรับการจัดรูปแบบข้อความที่ปรับเปลี่ยนตามอุปกรณ์ ซึ่งรักษาการจัดแนวภาพในขนาดหน้าจอต่างๆ และความยาวของข้อความที่แตกต่างกัน

CSS background-clip: border-area

ใช้ค่า border-area สำหรับพร็อพเพอร์ตี้ background-clip ของ CSS ตามที่กำหนดไว้ในพื้นหลัง CSS ระดับ 4 ค่า background-clip จะตัดพื้นหลังขององค์ประกอบไปยังพื้นที่ที่วาดโดยเส้นขอบ โดยจะพิจารณา border-width และ border-style ขณะที่ละเว้นความโปร่งใสจาก border-color ค่านี้ช่วยให้คุณสร้างเส้นขอบแบบไล่ระดับสีได้โดยไม่ต้องใช้ border-image

ฟังก์ชัน image(<color>) ของ CSS

image() ฟังก์ชันนี้ช่วยให้นักพัฒนาแอปสร้างรูปภาพสีทึบจากสีใดก็ได้ ไวยากรณ์คือ image() = image( <color> )

CSS light-dark() ที่มีค่ารูปภาพ

ขยายฟังก์ชัน light-dark() ของ CSS เพื่อยอมรับค่ารูปภาพ เช่น url(), image-set() และ none ในสไตล์ชีตของผู้เขียน ซึ่งช่วยให้พร็อพเพอร์ตี้รูปภาพ เช่น background-image, list-style-image, border-image-source, cursor และ content สลับระหว่างรูปภาพโดยอัตโนมัติตามรูปแบบสีที่ผู้ใช้ต้องการ ก่อนหน้านี้ลักษณะการทำงานนี้อนุญาตเฉพาะในสไตล์ชีตของ User Agent เท่านั้น การเปลี่ยนแปลงนี้ สอดคล้องกับข้อกำหนด CSS Color 5 และตรงกับการใช้งานที่มีอยู่ของ Firefox

โคลนลงในองค์ประกอบ selectedcontent ลูกหลานทั้งหมด

เราจะทำการเปลี่ยนแปลงเล็กๆ น้อยๆ หลายอย่างกับกรณีขอบขององค์ประกอบ selectedcontent ดังนี้

• เมื่อใส่องค์ประกอบ selectedcontent หลายรายการในองค์ประกอบ <select> พร้อมกัน ระบบจะอัปเดตองค์ประกอบทั้งหมดให้เป็นเวอร์ชันล่าสุดแทนที่จะอัปเดตเฉพาะองค์ประกอบแรกตามลำดับใน DOM
• การอัปเดตองค์ประกอบ selectedcontent จะเลื่อนออกไปเมื่อทำงานในระหว่างขั้นตอนการแทรก การนำออก หรือการย้ายเพื่อแก้ไขปัญหาด้านความปลอดภัย การอัปเดตจะเลื่อนออกไปโดยใช้ขั้นตอนหลังการแทรกหรือไมโครแทรก

การค้นหาคอนเทนเนอร์ที่คั่นด้วยคอมมา

รองรับการค้นหาหลายรายการต่อ@containerกฎ กฎ @container จะมีผลหากมีคำค้นหาอย่างน้อย 1 รายการที่ตรงกัน

ความสามารถนี้ช่วยให้มีคำค้นหาสำรองสำหรับฟีเจอร์ ที่ไม่รองรับในบางเบราว์เซอร์ เป็นต้น

ตัวอย่าง

@container --name1 not-supported(--foo: bar), --name2 (width > 600px) {}

นอกจากการรองรับการค้นหาหลายรายการแล้ว เรายังขยายรูปแบบออบเจ็กต์เพื่อรองรับแอตทริบิวต์ conditions ใน CSSContainerRule API ด้วย

เปิดเผยพื้นที่ที่พิมพ์ไม่ได้ต่อ CSS

โดยปกติแล้ว เครื่องพิมพ์จะมีพื้นที่เล็กๆ ที่ขอบทั้ง 4 ด้านของกระดาษ ซึ่งไม่สามารถทำเครื่องหมายได้อย่างน่าเชื่อถือ โดยมักเกิดจากกลไกการจัดการกระดาษของเครื่องพิมพ์ ขอบหน้ากระดาษเริ่มต้นควรมีขนาดใหญ่กว่าพื้นที่เหล่านี้ แต่หากผู้เขียนตั้งค่าขอบด้วยตนเอง และต้องการเพิ่ม@pageกล่องขอบ เช่น สำหรับส่วนหัวและส่วนท้ายที่กำหนดเอง ผู้เขียนจะต้องมีวิธีพิจารณาว่าควรพิมพ์ที่ใดจึงจะปลอดภัย

คุณสามารถใช้ตัวอธิบาย CSS page-margin-safety เพื่อหลีกเลี่ยงพื้นที่ที่พิมพ์ไม่ได้ดังกล่าว

แอตทริบิวต์ focusgroup

ช่วยให้ผู้เขียนประกาศการนำทางด้วยแป้นลูกศรของวิดเจ็ตแบบคอมโพสิต แถบหยุดที่รับประกัน และการจดจำรายการที่โฟกัสล่าสุด ซึ่งจะแทนที่สคริปต์ tabindex แบบเคลื่อนที่ที่เขียนด้วยมือ ตัวอย่าง

<div focusgroup="toolbar wrap" aria-label="Formatting">
  <button>Bold</button>
  <button>Italic</button>
  <button>Underline</button>
</div>

คลาสจำลองขององค์ประกอบสื่อ

คลาสเสมือน CSS :playing, :paused, :seeking, :buffering, :stalled, :muted และ :volume-locked จะตรงกับองค์ประกอบ <audio> และ <video> ตามสถานะขององค์ประกอบ

ฟีเจอร์นี้เป็นหนึ่งในจุดที่มุ่งเน้นใน Interop 2026

popover=hint การเปลี่ยนแปลงลักษณะการทำงาน

การเปลี่ยนแปลงนี้ใช้โมเดลการซ้อนที่ปรับปรุงและเรียบง่ายสำหรับแอตทริบิวต์ popover=hint และการโต้ตอบกับ popover=auto ก่อนหน้านี้ การโต้ตอบระหว่างป๊อปโอเวอร์ 2 ประเภทนี้อาจซับซ้อนในบางกรณี เช่น การซ้อน popover=auto ภายใน popover=hint และ อาจทําให้เกิดลักษณะการทํางานที่ไม่คาดคิด ภายใต้โมเดลใหม่ การเปิด popover=hint จะไม่ปิดองค์ประกอบ popover=auto ที่ไม่เกี่ยวข้องโดยไม่ตั้งใจอีกต่อไป ระบบจะซ่อนป๊อปโอเวอร์คำแนะนำก็ต่อเมื่อซ่อน popover=auto บรรพบุรุษ หรือเมื่อเปิด popover=auto ใหม่ที่ไม่เกี่ยวข้อง นอกจากนี้ นักพัฒนาซอฟต์แวร์ยังสามารถซ้อนป๊อปโอเวอร์อัตโนมัติ ภายในป๊อปโอเวอร์คำแนะนำได้อย่างปลอดภัย แทนที่จะทําให้เกิดข้อยกเว้นหรือทําให้สแต็กหยุดทำงาน popover=auto ที่ซ้อนกันจะลดระดับลงอย่างราบรื่นและทําหน้าที่เป็น popover=hint ความสามารถนี้ช่วยให้นักพัฒนาซอฟต์แวร์วาง <select> ที่ปรับแต่งได้ภายใน popover=hint

นอกจากนี้ Chrome ยังจะเข้มงวดเรื่องลักษณะการทำงานเกี่ยวกับการเปิดและปิดป๊อปโอเวอร์จากภายในbeforetoggle event เพื่อปรับปรุงความสามารถในการคาดการณ์และป้องกันการเปลี่ยนแปลงสถานะที่ซับซ้อน ก่อนหน้านี้เรามีมาตรการป้องกันสำหรับบางกรณี แต่ไม่ใช่ทั้งหมด ที่อาจเกิดขึ้น การเปลี่ยนแปลงนี้จะปรับปรุงกลไกที่ใช้ในการตรวจหา กรณีเหล่านี้เพื่อให้แสดง InvalidStateError ได้อย่างน่าเชื่อถือมากขึ้นสำหรับกรณีดังกล่าวทั้งหมด การเปลี่ยนแปลงนี้ช่วยให้มั่นใจได้ว่าการจัดการสถานะป๊อปโอเวอร์จะยังคงเสถียรและป้องกันข้อบกพร่องในการเข้าซ้ำแบบวนซ้ำ

การเปลี่ยนแปลงเหล่านี้มีแรงจูงใจมาจากการสนทนาเรื่องมาตรฐานกับ Mozilla ใน Pull Request ของข้อกำหนด HTML ใน GitHub

สีอัลฟ่าสัมพัทธ์

สีแบบสัมพัทธ์ของอัลฟ่าเป็นวิธี CSS โดยตรงในการสร้างเวอร์ชันโปร่งแสง ของสีที่มีอยู่โดยไม่ต้องเขียนช่องสีใหม่ ปัจจุบันนักพัฒนาซอฟต์แวร์ต้องทำซ้ำค่าคอมโพเนนต์หรือสร้าง โทเค็นที่คำนวณล่วงหน้าแยกต่างหากเมื่อต้องการใช้สีเดียวกันที่มีความทึบต่างกัน ฟังก์ชัน CSS Color 5 alpha() จะรักษาคอมโพเนนต์สีเดิม และเปลี่ยนเฉพาะอัลฟ่า ซึ่งจะช่วยลดค่าใช้จ่ายในการเขียนและทำให้โทเค็นสี นำกลับมาใช้ซ้ำและบำรุงรักษาได้ง่ายขึ้น

ปรับขนาดตามพื้นที่โฆษณา <iframe>

ช่วยให้เว็บไซต์เลือกใช้ iframe ที่มีการปรับขนาดตามอุปกรณ์ได้ ซึ่งจะปรับขนาดองค์ประกอบ <iframe> ในเอกสารระดับบนให้ตรงกับเลย์เอาต์ของเอกสาร iframe การปรับขนาดการล้นเพื่อหลีกเลี่ยงการเลื่อนในเอกสารย่อย

flex-wrap:balance

flex-wrap:balance ช่วยให้นักพัฒนาแอปกระจายเนื้อหาระหว่างบรรทัดที่ยืดหยุ่นเพื่อให้ เนื้อหาดูสมดุลมากขึ้น คล้ายกับ text-wrap:balance

ฟังก์ชัน named-feature() สำหรับ CSS @supports

ฟังก์ชัน named-feature() ช่วยให้กฎ CSS @supports ค้นหาฟีเจอร์ที่มีชื่อเฉพาะจำนวนเล็กน้อยได้ ซึ่งไม่สามารถทดสอบได้โดยใช้กลไก @supports อื่นๆ แต่ถือว่ามีคุณค่าอย่างยิ่งในการทดสอบ

overscroll-behavior: chain

overscroll-behavior มีค่า 3 ค่า ได้แก่ none, auto และ contain ค่าเหล่านี้ ส่งผลต่อเอฟเฟกต์ 2 อย่างที่แยกกัน ได้แก่ การส่งต่อการเลื่อนและเอฟเฟกต์เส้นขอบในพื้นที่ เช่น การยืดเมื่อเลื่อนเกิน

• none: ไม่มีการส่งต่อการเลื่อน ไม่มีเอฟเฟกต์ขอบเขตในเครื่อง
• auto: การแพร่กระจายการเลื่อน เอฟเฟกต์ขอบเขตภายใน
• contain: ไม่มีการส่งต่อการเลื่อน เอฟเฟกต์ขอบเขตภายใน

รุ่นนี้จะติดตามค่าใหม่เพื่อทำให้ชุดสมบูรณ์ นั่นคือ chain: การแพร่กระจายการเลื่อน ไม่มี ผลกระทบต่อขอบเขตในเครื่อง

ค่านี้มีประโยชน์สำหรับเอฟเฟกต์ต่างๆ เช่น เมนูด้านข้างที่ใช้เป็นแถบเลื่อน คุณ สามารถดึงเมนูเข้ามา และเมื่อเมนูถึงขอบ เมนูจะไม่เลื่อนเกิน หรือยืดและเลื่อน แต่การเลื่อนจะเชื่อมโยงไปยังองค์ประกอบระดับบนสุด

Web API

ปิดใช้ฟิลเตอร์ SVG ในปลั๊กอินและ iframe แบบข้ามต้นทางหรือ iframe ที่ถูกจำกัด

Chrome 150 ป้องกันไม่ให้ใช้ฟิลเตอร์กราฟิกเวกเตอร์ที่ปรับขนาดได้ (SVG) กับ iframe แบบข้ามต้นทางหรือ iframe ที่ถูกจำกัด เช่น iframe ที่ทำแซนด์บ็อกซ์ไว้ และ ปลั๊กอินที่ฝัง เช่น PDF เมื่อเฟรมหรือปลั๊กอินแสดงผลด้วย เอฟเฟกต์ฟิลเตอร์ SVG ระบบจะข้ามผ่านทรีเอฟเฟกต์เพื่อค้นหาระดับบนสูงสุด ที่ไม่มีฟิลเตอร์ SVG แล้วใช้เอฟเฟกต์นั้นแทน

IndexedDB: ส่วนหลังของ SQLite

เราได้เขียนการใช้งาน IndexedDB ของ Chromium ใหม่โดยใช้ SQLite เพื่อแทนที่ การใช้งานก่อนหน้านี้ที่ใช้ LevelDB และไฟล์แบบเรียบร่วมกัน การเปลี่ยนแปลงนี้ จะไม่ส่งผลต่อ Web API

การเขียนใหม่นี้คาดว่าจะช่วยปรับปรุงความน่าเชื่อถือและประสิทธิภาพ (ในระดับที่น้อยกว่า)

ในตอนนี้ การเปลี่ยนแปลงนี้จะมีผลกับที่เก็บข้อมูลใหม่ การเปลี่ยนแปลงนี้เป็นขั้นตอนที่ 2 ของ การเปิดตัวแบบค่อยเป็นค่อยไปหลายเฟส ดูหน้าฟีเจอร์ ChromeStatus สำหรับบริบทในหน่วยความจำของ SQLite ซึ่งติดตามขั้นตอนที่ 1

MediaStreamTrackProcessor ตัวนับเฟรม

เพิ่มแอตทริบิวต์ discardedFrames และ totalFrames ลงในอินเทอร์เฟซ MediaStreamTrackProcessor เคาน์เตอร์เหล่านี้ช่วยให้นักพัฒนาเว็บตรวจสอบ สถานะของไปป์ไลน์การประมวลผลสื่อได้โดยการติดตามจำนวนเฟรม ที่ได้รับและที่โปรเซสเซอร์ทิ้ง

ต้นทางที่ไม่เปิดเผยสำหรับ URL ของ data:

Chrome 150 จะอัปเดตวิธีที่ DedicatedWorker และ SharedWorker จัดการ data: URL แทนที่จะรับช่วงต้นทางด้านความปลอดภัยของสคริปต์หรือหน้าที่สร้าง โดยอัตโนมัติ Worker เหล่านี้จะได้รับต้นทางที่ไม่เปิดเผยและไม่ซ้ำกัน

การเปลี่ยนแปลงนี้สอดคล้องกับข้อกำหนด HTML ของ Worker และช่วยเพิ่มความปลอดภัยด้วยการแยก Worker เหล่านี้ออกจากสถานะต้นทางเดียวกันของผู้สร้าง เพื่อป้องกันไม่ให้ Worker เข้าถึงข้อมูลที่ละเอียดอ่อนผ่านกลไกต่างๆ เช่น BroadcastChannel หรือพื้นที่เก็บข้อมูลแบบต้นทางเดียวกัน เพื่อรักษาขอบเขตการแยกที่ถูกต้อง Worker เหล่านี้ยังคงอยู่ในพาร์ติชันพื้นที่เก็บข้อมูลเดียวกัน (เช่น โดยการรักษาเว็บไซต์ระดับบนสุดหรือ Nonce) กับผู้สร้าง

การปรับความปลอดภัยนี้จะเปิดใช้โดยค่าเริ่มต้นในแพลตฟอร์มเดสก์ท็อปและอุปกรณ์เคลื่อนที่ ผู้ดูแลระบบสามารถตรวจสอบหรือยืนยันขอบเขตด้านความปลอดภัยผ่านการกำหนดค่าส่วนกลางได้ ดูรายละเอียดการติดตั้งใช้งานทางเทคนิคและ การอ้างอิงข้อกำหนดได้ที่ขั้นตอนที่ 3 ของการตั้งค่า Worker ของมาตรฐาน HTML Living

การย้ายข้อมูลต้นทางของ PWA

เมื่อผู้ใช้ติดตั้ง Progressive Web App (PWA) ระบบจะเชื่อมโยงข้อมูลประจำตัวและบริบทด้านความปลอดภัยของ PWA อย่างแน่นหนากับต้นทางเว็บ เช่น app.example.com การเชื่อมโยงนี้เป็นความท้าทายที่สำคัญสำหรับนักพัฒนาซอฟต์แวร์ที่ต้องการเปลี่ยนต้นทางของ PWA เนื่องจากมีการเปลี่ยนแบรนด์ การปรับโครงสร้างโดเมน หรือการปรับสถาปัตยกรรมทางเทคนิคใหม่ การเปลี่ยนแปลงดังกล่าวบังคับให้ผู้ใช้ต้องถอนการติดตั้งแอปเก่าด้วยตนเอง และติดตั้งแอปใหม่ ซึ่งส่งผลให้เกิดประสบการณ์ที่ไม่ราบรื่นและอาจทำให้เกิดการสูญเสียผู้ใช้ Chrome 150 ขอแนะนำกลไกสำหรับนักพัฒนาแอปในการย้ายข้อมูล PWA ที่ติดตั้งไปยังต้นทางใหม่ในเว็บไซต์เดียวกัน เพื่อรักษาความน่าเชื่อถือและสิทธิ์ของผู้ใช้

นโยบาย WebAppInstallForceList บล็อกการย้ายข้อมูล เนื่องจากนโยบายขององค์กรเกี่ยวกับเว็บแอปพลิเคชันส่วนใหญ่จะอิงตาม URL และต้นทาง จึงมีความเสี่ยงที่การย้ายข้อมูลอาจข้ามผ่านนโยบายบางอย่างที่ผู้ดูแลระบบอาจกำหนดค่าไว้ Chrome จะไม่เสนอการย้ายข้อมูลให้ผู้ใช้เมื่อผู้ดูแลระบบขององค์กรบังคับติดตั้งแอป และจะแสดงแบนเนอร์ที่อธิบายเรื่องนี้ให้ผู้ใช้แทน

แยกวิเคราะห์คำสั่งการประมวลผลใน HTML

คำสั่งในการประมวลผล (ไวยากรณ์: <?target data>) เป็นโครงสร้าง DOM ที่มีอยู่ ซึ่งแสดงใน XML ซึ่งอนุญาตให้ออบเจ็กต์โหนดที่ไม่ใช่องค์ประกอบแต่มี ความหมายเชิงความหมายบางอย่างสำหรับการประมวลผลเอกสาร

เช่น คุณสามารถใช้เพื่อระบุช่วงสำหรับการสตรีมหรือไฮไลต์ โดยไม่ต้องใช้องค์ประกอบ DOM ใหม่และเปลี่ยนโครงสร้าง DOM ตราบเท่าที่ CSS เกี่ยวข้อง หรือเป็นคำสั่งสำหรับตัวแยกวิเคราะห์ HTML เกี่ยวกับวิธีบัฟเฟอร์และ สตรีม

การสตรีมแบบไม่เรียงตามลำดับ

การสตรีมแบบไม่อยู่ในลำดับช่วยให้คุณใช้<template for>และช่วงคำสั่งการประมวลผล (<?start>และ<?end>) เพื่อแสดง HTML ในลำดับที่ไม่ต่อเนื่องและอัปเดตส่วนที่มีอยู่ของเอกสารโดยไม่ต้องใช้ JavaScript

สัญญาการเลื่อนแบบเป็นโปรแกรม

ความสามารถนี้ให้สัญญาณที่เชื่อถือได้สำหรับสถานะการเสร็จสมบูรณ์ของ การเลื่อนแบบสมูทด้วยโปรแกรม เมธอดการเลื่อนทั้งหมดใน Element และ Window จะแสดงผลออบเจ็กต์ Promise ที่ได้รับการแก้ไขเมื่อการเลื่อนเสร็จสมบูรณ์ และค่าที่แก้ไขแล้ว จะระบุว่าการเลื่อนถูกขัดจังหวะหรือไม่

WebGPU Immediates

เพิ่มพื้นที่ที่อยู่ใหม่ทันทีใน WGSL และsetImmediateData()เมธอดใน Render Pass, Compute Pass และ Render Bundle Encoder ที่อนุญาตให้ส่งข้อมูลจำนวนเล็กน้อยที่อัปเดตบ่อยไปยัง Shader โดยตรงโดยไม่ต้องสร้างออบเจ็กต์บัฟเฟอร์ GPU หรือกลุ่มการเชื่อมโยง ซึ่งมีประโยชน์อย่างยิ่งสำหรับแอปพลิเคชันที่ต้องอัปเดตพารามิเตอร์ต่อการวาด เช่น ดัชนีออบเจ็กต์ ดัชนีวัสดุ หรือเมทริกซ์การแปลงทุกครั้งที่เรียกใช้การวาด ซึ่งช่วยปรับปรุงประสิทธิภาพได้อย่างมากโดยหลีกเลี่ยงค่าใช้จ่ายในการจัดการบัฟเฟอร์และกลุ่มการเชื่อมโยง

Web Speech API: คุณภาพการจดจำในอุปกรณ์

ขยายอินเทอร์เฟซ SpeechRecognition โดยเพิ่มพร็อพเพอร์ตี้ quality ลงใน SpeechRecognitionOptions พร็อพเพอร์ตี้นี้ช่วยให้นักพัฒนาแอปสามารถระบุความสามารถเชิงความหมาย ที่จำเป็นสำหรับการจดจำในอุปกรณ์ได้โดยใช้ processLocally: true

quality enum ที่เสนอรองรับ 3 ระดับ ได้แก่ command, dictation และ conversation ซึ่งสอดคล้องกับความซับซ้อนของงานและข้อกำหนดด้านฮาร์ดแวร์ที่เพิ่มขึ้น ความสามารถนี้ช่วยให้นักพัฒนาแอปพิจารณาได้ว่าอุปกรณ์ในเครื่องรองรับ Use Case ที่มีความเสี่ยงสูง (เช่น การถอดเสียงการประชุม) หรือไม่ หรือต้องเปลี่ยนไปใช้บริการระบบคลาวด์ ซึ่งจะช่วยแก้ปัญหาความไม่ชัดเจนเกี่ยวกับความสามารถของโมเดลในอุปกรณ์

ช่วงทดลองใช้จากต้นทางใหม่

ใน Chrome 150 คุณสามารถเลือกใช้ช่วงทดลองใช้จากต้นทางใหม่ต่อไปนี้ได้

โปรโตคอลการยืนยันอีเมล (EVP)

โปรโตคอลการยืนยันอีเมล (EVP) ช่วยให้ผู้ใช้สร้าง เข้าถึง และกู้คืนบัญชี โดยการแสดงหลักฐานการเป็นเจ้าของที่เข้ารหัสได้อย่างราบรื่นแทนที่จะต้องใช้ OTP ทางอีเมลด้วยตนเอง

การเลิกใช้งานและการนำออก

Chrome รุ่นนี้มีการเลิกใช้งานและการนำออกต่อไปนี้

นำ [LegacyNoInterfaceObject] ออกจาก IDL ของ FontFaceSet

ก่อนหน้านี้ IDL ของ FontFaceSet ใน Chromium ใช้ [LegacyNoInterfaceObject]อย่างไม่ถูกต้อง ซึ่งซ่อน FontFaceSet เป็นพร็อพเพอร์ตี้ส่วนกลางและ ลบพร็อพเพอร์ตี้ของตัวสร้างออกจากต้นแบบ ลักษณะการทำงานนี้เบี่ยงเบน จากข้อกำหนดการโหลดแบบอักษร CSS และแตกต่างจากลักษณะการทำงานของ Safari และ Firefox

การนำออกนี้จะนำ [LegacyNoInterfaceObject] ออกจาก FontFaceSet IDL ทำให้เข้าถึง FontFaceSet ได้อย่างถูกต้องในฐานะพร็อพเพอร์ตี้ส่วนกลาง เนื่องจากไม่มีการกำหนด constructor() ใน IDL การเรียก FontFaceSet() ใหม่จาก JavaScript จึงจะแสดง TypeError: Illegal constructor อย่างถูกต้อง ซึ่งตรงกับลักษณะการทำงานที่ข้อกำหนดกำหนดไว้