Chrome 150 เบต้า

Rachel Andrew

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

การเปลี่ยนแปลงต่อไปนี้จะมีผลกับ Chrome เวอร์ชันเบต้าล่าสุดสำหรับ 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 ได้ นักพัฒนาแอปสามารถระบุค่าความยาวเพื่อปัดเศษมุมรูปหลายเหลี่ยมได้โดยไม่ต้องคำนวณเส้นโค้งเบซิเอร์ด้วยตนเอง

ซูมแบบเคลื่อนไหวได้

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

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

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

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

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

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

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

background-clip: border-area ของ CSS

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

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

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

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

ขยายฟังก์ชัน 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 ใน API CSSContainerRule ด้วย

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

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

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

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

ช่วยให้ผู้เขียนประกาศให้วิดเจ็ตคอมโพสิตมีการนำทางด้วยแป้นลูกศร แถบหยุดที่รับประกัน และการจดจำโฟกัสล่าสุดได้ ซึ่งจะแทนที่สคริปต์ `roving 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 เพื่อปรับปรุงความสามารถในการคาดการณ์และป้องกันการเปลี่ยนแปลงสถานะที่ซับซ้อน ก่อนหน้านี้มีการป้องกันไว้สำหรับบางกรณีที่เป็นไปได้ แต่ไม่ใช่ทั้งหมด การเปลี่ยนแปลงนี้ปรับปรุงกลไกที่ใช้ตรวจหาเคสเหล่านี้เพื่อแสดง InvalidStateError สำหรับเคสทั้งหมดดังกล่าวได้อย่างน่าเชื่อถือมากขึ้น การเปลี่ยนแปลงนี้ช่วยให้มั่นใจได้ว่าการจัดการสถานะป๊อปโอเวอร์จะยังคงเสถียรและป้องกันไม่ให้เกิดข้อบกพร่องในการเข้าซ้ำแบบวนซ้ำ

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

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

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

flex-wrap:balance

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

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

ฟังก์ชัน named-feature() ช่วยให้กฎ @supports ของ CSS ค้นหาฟีเจอร์เฉพาะที่มีชื่อจำนวนเล็กน้อยซึ่งไม่สามารถทดสอบได้โดยใช้กลไก @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 เหล่านี้แทนที่จะรับช่วงต้นทางด้านความปลอดภัยของสคริปต์หรือหน้าที่สร้าง Worker เหล่านี้โดยอัตโนมัติ

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

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

การย้ายข้อมูลต้นทางของ 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() ในตัวเข้ารหัสการส่งผ่านการแสดงผล การส่งผ่านการคำนวณ และชุดการแสดงผล ซึ่งช่วยให้ส่งข้อมูลจำนวนเล็กน้อยที่อัปเดตบ่อยๆ ไปยัง Shader ได้โดยตรงโดยไม่ต้องสร้างออบเจ็กต์บัฟเฟอร์ GPU หรือกลุ่มการผูก ฟีเจอร์นี้มีประโยชน์อย่างยิ่งสำหรับแอปพลิเคชันที่ต้องอัปเดตพารามิเตอร์ต่อการวาด เช่น ดัชนีออบเจ็กต์ ดัชนีวัสดุ หรือเมทริกซ์การแปลงทุกครั้งที่เรียกใช้คำสั่งประมวลผล ซึ่งช่วยปรับปรุงประสิทธิภาพได้อย่างมากโดยหลีกเลี่ยงค่าใช้จ่ายในการจัดการบัฟเฟอร์และกลุ่มการผูก

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

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

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

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

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

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

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

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

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

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

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

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