มีอะไรใหม่ใน Chrome 149

Rachel Andrew

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

Chrome 149 กำลังเปิดตัวแล้ว และโพสต์นี้จะแชร์ฟีเจอร์หลักบางส่วน จากการเปิดตัว อ่านบันทึกประจำรุ่นของ Chrome 149 ฉบับเต็ม

ไฮไลต์จากรุ่นนี้

การตกแต่งช่องว่าง CSS

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

โดยจะแนะนำพร็อพเพอร์ตี้อย่าง column-rule-inset และ row-rule-inset เพื่อย่อ หรือขยายการตกแต่ง รวมถึง column-rule-visibility-items และ row-rule-visibility-items เพื่อแสดงกฎเฉพาะระหว่างรายการที่อยู่ติดกันหรือใน ทุกช่องว่าง ความกว้าง สี และระยะขอบของเส้นสามารถเคลื่อนไหวได้อย่างเต็มที่ ทำให้คุณ เปลี่ยนเส้นเมื่อวางเมาส์หรือมีการเปลี่ยนแปลงสถานะอื่นๆ ได้

ดูข้อมูลเพิ่มเติมได้ในโพสต์เกี่ยวกับฟีเจอร์ตกแต่งช่องว่างของ CSS ที่เสถียร

ยกเลิกการเชื่อมต่อ WebSockets ในรายการ bfcache

การเชื่อมต่อ WebSocket ที่ใช้งานอยู่จะไม่ป้องกันไม่ให้หน้าเว็บเข้าสู่ Back-Forward Cache (bfcache) อีกต่อไป การปิดการเชื่อมต่อ WebSocket อย่างรวดเร็วเมื่อเข้าสู่ BFCache แทนที่จะทำเครื่องหมายเอกสารว่าไม่มีสิทธิ์จะช่วยให้เบราว์เซอร์จัดเก็บหน้าเว็บที่มี WebSocket ที่ใช้งานอยู่ไว้ในหน่วยความจำและกู้คืนได้ทันที

ก่อนหน้านี้ การเชื่อมต่อ WebSockets ที่ใช้งานอยู่จะบังคับให้เบราว์เซอร์ทิ้งหน้าเว็บเมื่อผู้ใช้ไปยังส่วนอื่นๆ ซึ่งทำให้จัดเก็บหน้าเว็บไว้ใน Back-Forward Cache (bfcache) ไม่ได้

Intl.Locale.prototype.variants

ออบเจ็กต์ Intl.Locale แสดงตัวระบุภาษา Unicode ออบเจ็กต์หลักคือ Baseline Widely available

ตัวแปรเป็นส่วนหนึ่งของตัวระบุภาษาหลัก และเลือกตัวแปรของภาษา ที่สาม (ภาษา ภูมิภาค สคริปต์) ไม่สามารถแยกความแตกต่างได้ ฟีเจอร์นี้พร้อมใช้งานใน Firefox และ Safari อยู่แล้ว และตอนนี้ก็พร้อมใช้งานใน Chrome ด้วย

เช่น

const locale = new Intl.Locale("sl-rozaj-biske");
console.log(locale.variants); // "rozaj-biske"

ดูข้อมูลเพิ่มเติมได้ที่เอกสารประกอบ MDN สำหรับ Intl.Locale.prototype.variants

อ่านเพิ่มเติม

ซึ่งเป็นเพียงไฮไลต์สำคัญบางส่วนเท่านั้น ดูการเปลี่ยนแปลงเพิ่มเติมใน Chrome 149 ได้ที่ลิงก์ต่อไปนี้

ติดตาม

หากต้องการติดตามข่าวสารล่าสุด โปรดติดตามช่อง YouTube ของ Chrome Developers แล้วคุณจะได้รับการแจ้งเตือนทางอีเมลทุกครั้งที่เราเปิดตัววิดีโอใหม่ หรือติดตามเราบน X หรือ LinkedIn เพื่ออ่านบทความและบล็อกโพสต์ใหม่ๆ

ทันทีที่ Chrome 150 เปิดตัว เราจะมาบอกคุณว่ามีอะไรใหม่ใน Chrome