วันที่เผยแพร่เวอร์ชันเสถียร: 2 มิถุนายน 2026
การเปลี่ยนแปลงต่อไปนี้จะมีผลกับ Chrome 149 เวอร์ชันเสถียร สำหรับ Android, ChromeOS, Linux, macOS และ Windows เว้นแต่จะระบุไว้เป็นอย่างอื่น
CSS และ UI
การตกแต่งช่องว่าง CSS
การตกแต่งช่องว่าง CSS ช่วยให้คุณจัดรูปแบบช่องว่างในเลย์เอาต์คอนเทนเนอร์ เช่น กริดและ
Flexbox ได้คล้ายกับcolumn-rule ในเลย์เอาต์หลายคอลัมน์ ฟีเจอร์นี้เป็นฟีเจอร์ที่นักพัฒนาเว็บร้องขอเป็นอย่างมาก เนื่องจากปัจจุบันต้องใช้แฮ็กเพื่อจัดรูปแบบช่องว่างในเลย์เอาต์กริด
และ Flexbox
โดยมีพร็อพเพอร์ตี้ CSS ใหม่ๆ เช่น column-rule-inset, row-rule-inset,
column-rule-visibility-items และ row-rule-visibility-items รวมถึงรองรับ
ภาพเคลื่อนไหวของความกว้าง สี และขอบของเส้น
บล็อกโพสต์เกี่ยวกับการตกแต่งช่องว่าง CSS | ข้อบกพร่องในการติดตาม #357648037 | รายการใน ChromeStatus.com | ข้อกำหนด
ตัดข้อความที่ล้นออกเมื่อผู้ใช้โต้ตอบ
เมื่อผู้ใช้โต้ตอบ (เช่น โดยการแก้ไขหรือใช้การนำทางด้วยเคอร์เซอร์ข้อความ) กับข้อความที่มีtext-overflow: ellipsis ข้อความจะเปลี่ยนจากเครื่องหมายจุดไข่ปลาเป็นข้อความที่ตัดชั่วคราว ซึ่งช่วยให้ผู้ใช้เห็นและโต้ตอบกับเนื้อหาที่ซ่อนอยู่ได้ ฟีเจอร์นี้ใช้ได้กับองค์ประกอบทั้งหมดที่แก้ไขได้และแก้ไขไม่ได้ สำหรับตัวควบคุมแบบฟอร์ม เช่น <textarea> และ <input> ระบบรองรับลักษณะการทำงานนี้อยู่แล้ว
ติดตามข้อบกพร่อง #40731275 | รายการใน ChromeStatus.com | ข้อกำหนด
นำกฎชีตสไตล์ของ User Agent สำหรับตารางที่ระบุสีเส้นขอบอย่างชัดเจนออก
การเปลี่ยนแปลงนี้จะนำกฎ CSS border-color: gray ที่ไม่ถูกต้องออกจากสไตล์ชีต UA สำหรับองค์ประกอบ <table> ข้อกำหนด HTML ไม่มีกฎนี้ และกฎนี้ทำให้เส้นขอบไม่เป็นค่าเริ่มต้นเป็น currentColor ทั้ง Firefox และ WebKit ไม่มีกฎสีเส้นขอบ gray นี้ในสไตล์ชีต UA ซึ่งทำให้เกิดปัญหาด้านความสามารถในการทำงานร่วมกัน
ติดตามข้อบกพร่อง #494554835 | รายการใน ChromeStatus.com | ข้อกำหนด
รองรับ path() และ shape() ใน shape-outside
เพิ่มการรองรับฟังก์ชันรูปร่าง path() และ shape() ในพร็อพเพอร์ตี้ CSS
shape-outside ฟังก์ชันเหล่านี้ช่วยให้นักพัฒนาซอฟต์แวร์กำหนดรูปร่างการยกเว้นโฟลต
ได้อย่างยืดหยุ่นมากขึ้นและรองรับภาพเคลื่อนไหว
ติดตามข้อบกพร่อง #502328208 | รายการใน ChromeStatus.com | ข้อกำหนด
รองรับ rect() และ xywh() ใน shape-outside
เพิ่มการรองรับฟังก์ชันรูปร่างพื้นฐาน rect() และ xywh() ในพร็อพเพอร์ตี้ CSS
shape-outside ฟังก์ชันเหล่านี้ช่วยให้นักพัฒนาซอฟต์แวร์กำหนดรูปร่างการยกเว้นการลอย
โดยใช้พิกัดสี่เหลี่ยมผืนผ้า ซึ่งจะทำให้ Chrome สอดคล้องกับ Firefox และ Safari
ที่รองรับฟีเจอร์นี้อยู่แล้ว
ติดตามข้อบกพร่อง #490343453 | รายการใน ChromeStatus.com | ข้อกำหนด
ขอบเขตเลเยอร์บนสุดของคลาสเทียมการดำเนินการของผู้ใช้
เปลี่ยนการจับคู่ :hover, :active และ :focus-within ในองค์ประกอบระดับบนสุด
ให้จับคู่เฉพาะองค์ประกอบเลเยอร์บนสุดแรกในเชนระดับบนสุด เนื่องจากโดยปกติแล้วองค์ประกอบเลเยอร์บนสุดจะแสดงผลแยกจากเชนระดับบนสุด
จึงไม่มีเหตุผลที่จะเปลี่ยนสไตล์ระดับบนสุดเมื่อมีการวางเมาส์เหนือหรือเปิดใช้งานองค์ประกอบเลเยอร์บนสุด
ข้อบกพร่องในการติดตาม #407769114 | รายการใน ChromeStatus.com | ข้อกำหนด
สีเฉพาะจุดของระบบขอบเขตของเว็บแอป
จำกัดการเข้าถึงสีเน้นของระบบสำหรับคีย์เวิร์ด CSS (AccentColor และ
AccentColorText) และ accent-color: auto ให้เฉพาะภายในเว็บแอปและ
บริบทของโปรไฟล์เริ่มต้น ซึ่งจะจำกัดเวกเตอร์การลายนิ้วมือที่สำคัญเมื่อ
เปิดเผยสีของระบบของผู้ใช้ในวงกว้างบนเว็บ
ติดตามข้อบกพร่อง #481353056 | รายการใน ChromeStatus.com | ข้อกำหนด
image-rendering: crisp-edges
image-rendering: crisp-edges แสดงว่าควรปรับขนาดรูปภาพในลักษณะที่
รักษาคอนทราสต์และขอบไว้ และหลีกเลี่ยงการปรับสีให้เรียบเนียนหรือ
ทำให้รูปภาพเบลอในกระบวนการ
Chrome, Firefox และ Safari จะถือว่า crisp-edges และ pixelated เป็นคำพ้องความหมายและ
ใช้ทั้ง 2 แบบโดยใช้การปรับขนาดแบบเพื่อนบ้านที่ใกล้ที่สุด
ข้อบกพร่องในการติดตาม #41073066 | รายการใน ChromeStatus.com | ข้อกำหนด
รองรับ "path-length" เป็นพร็อพเพอร์ตี้ CSS
เปิดตัวพร็อพเพอร์ตี้ CSS ใหม่ path-length ซึ่งแมปกับแอตทริบิวต์การนำเสนอ pathLength
ของ SVG โดยใช้กับองค์ประกอบเรขาคณิต SVG ที่รองรับ pathLength (รวมถึง <path>, <circle>, <rect>, <line>, <polyline>,
<polygon> และ <ellipse>) ซึ่งช่วยให้ผู้เขียนระบุในสไตล์ชีต
สไตล์อินไลน์ และภาพเคลื่อนไหวได้
ติดตามข้อบกพร่อง #40670251 | รายการใน ChromeStatus.com | ข้อกำหนด
Web API
Intl.Locale.prototype.variants
เพิ่ม Intl.Locale.prototype.variants ตามที่ระบุไว้ในข้อกำหนด ECMA-402 และยอมรับ variants ในออบเจ็กต์ตัวเลือกในเครื่องมือสร้าง Intl.Locale
รายการใน ChromeStatus.com | ข้อกำหนด
คำขอการชำระเงิน: อนุญาตให้เครื่องจัดการการชำระเงินรายงานข้อผิดพลาดภายใน
อนุญาตให้ตัวแฮนเดิลการชำระเงินที่เข้าถึงได้โดยใช้ Payment Request API แสดงข้อผิดพลาดที่แตกต่างกันสำหรับ "ผู้ใช้ยกเลิก" (AbortError) กับ "ข้อผิดพลาดของแอปการชำระเงินภายใน" (OperationError) ซึ่งช่วยให้นักพัฒนาแอปสามารถลองอีกครั้งหรือกลับไปใช้โฟลว์อื่นได้เมื่อเกิดข้อผิดพลาดของแอปภายใน ขณะเดียวกันก็หยุดอย่างถูกต้องหากผู้ใช้ยกเลิก
ข้อบกพร่องในการติดตาม #473478138 | รายการใน ChromeStatus.com | ข้อกำหนด
รองรับ autocorrect="off" สำหรับแป้นพิมพ์สัมผัสของ Windows ใน TSF
ทำให้การผสานรวม TSF ของ Chrome ตรวจหาและเปลี่ยนการแก้ไขอัตโนมัติของแป้นพิมพ์แบบสัมผัสกลับ
ใน Windows เมื่อองค์ประกอบที่แก้ไขได้ที่โฟกัสมี autocorrect="off" ตั้งค่าไว้
ข้อบกพร่องในการติดตาม #487613498 | รายการใน ChromeStatus.com | ข้อกำหนด
การอ่านรูปแบบคลิปบอร์ดแบบเลือก
ปรับปรุง Asynchronous Clipboard API โดยเลื่อนการดึงข้อมูลคลิปบอร์ดจริงจากระบบปฏิบัติการจนกว่าเว็บแอปพลิเคชันจะเรียกใช้ getType() แทนที่จะดึงข้อมูลรูปแบบที่มีอยู่ทั้งหมดอย่างรวดเร็วในread() ตอนนี้เบราว์เซอร์จะแสดงออบเจ็กต์ ClipboardItem ที่มีประเภท MIME ที่พร้อมใช้งานแต่ไม่มีข้อมูลพื้นฐาน ซึ่งจะช่วยลดการใช้งาน CPU และปรับปรุงการตอบสนอง
ติดตามข้อบกพร่อง #435051711 | รายการใน ChromeStatus.com | ข้อกำหนด
เครือข่ายและการเชื่อมต่อ
ยกเลิกการเชื่อมต่อ WebSocket เมื่อเข้าสู่ bfcache
การเชื่อมต่อ WebSocket ที่ใช้งานอยู่จะไม่ป้องกันไม่ให้หน้าเว็บเข้าสู่ Back-Forward Cache (bfcache) อีกต่อไป การปิดการเชื่อมต่อเมื่อเข้าสู่ bfcache แทนที่จะ ทำเครื่องหมายเอกสารว่าไม่มีสิทธิ์ทำให้เบราว์เซอร์อนุญาตให้จัดเก็บและกู้คืนหน้าเว็บที่มี WebSocket ที่ใช้งานอยู่ได้
ติดตามข้อบกพร่อง #467838624 | รายการใน ChromeStatus.com | ข้อกำหนด
ช่วงทดลองใช้จากต้นทางใหม่
API อินพุตที่ขับเคลื่อนด้วยเหตุการณ์ของ Gamepad
ขยาย Gamepad API ด้วยโมเดลใหม่ที่ขับเคลื่อนด้วยเหตุการณ์ซึ่งช่วยให้แอปพลิเคชัน
รับอินพุตจากเกมแพดโดยมีเวลาในการตอบสนองที่ต่ำลงได้ แทนที่จะต้องอาศัยการสำรวจบ่อยๆ
โดยใช้ navigator.getGamepads() ตอนนี้นักพัฒนาซอฟต์แวร์สามารถรอรับ
เหตุการณ์ rawgamepadinputchange ซึ่งจะทริกเกอร์เมื่อใดก็ตามที่มีข้อมูลอินพุตใหม่
จากอุปกรณ์
ช่วงทดลองใช้ฟีเจอร์ | ติดตามข้อบกพร่อง #40582297 | รายการใน ChromeStatus.com | ข้อกำหนด
นโยบายสิทธิ์: focus-without-user-activation
ช่วยให้ผู้ฝังควบคุมโฟกัสแบบเป็นโปรแกรมจากเนื้อหาที่ฝังด้วย
focus-without-user-activationนโยบายสิทธิ์ เมื่อมีการปฏิเสธนโยบาย
สำหรับเฟรม ระบบจะบล็อกการเรียกโฟกัสแบบเป็นโปรแกรม (element.focus(), autofocus,
window.focus(), dialog.showModal() และการโฟกัสป๊อปโอเวอร์) เว้นแต่
จะมีการเรียกใช้โดยการเปิดใช้งานของผู้ใช้
Origin Trial | ติดตามข้อบกพร่อง #40095111 | รายการใน ChromeStatus.com | ข้อกำหนด
ตัวอธิบายที่กำหนดเองของ WebAssembly
ช่วยให้ WebAssembly จัดเก็บข้อมูลที่เชื่อมโยงกับประเภทระดับแหล่งที่มาได้อย่างมีประสิทธิภาพมากขึ้น ในออบเจ็กต์ "ตัวอธิบายที่กำหนดเอง" ใหม่ กำหนดค่าตัวอธิบายที่กำหนดเองเหล่านี้ได้ ด้วยต้นแบบสำหรับออบเจ็กต์ WebAssembly ของประเภทระดับแหล่งที่มานั้น ซึ่ง ช่วยให้ติดตั้งเมธอดในห่วงโซ่ต้นแบบของออบเจ็กต์ WebAssembly และเรียกใช้ จาก JavaScript ได้โดยตรงโดยใช้ไวยากรณ์การเรียกใช้เมธอดปกติ
การทดลองใช้ต้นทาง | ติดตามข้อบกพร่อง #403372470 | รายการใน ChromeStatus.com | ข้อกำหนด