มีอะไรใหม่ใน 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 ที่ตกแต่งอย่างเสถียร

ยกเลิกการเชื่อมต่อ WebSocket เมื่อเข้าสู่ bfcache

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

ก่อนหน้านี้ การเชื่อมต่อ WebSocket ที่ใช้งานอยู่จะบังคับให้เบราว์เซอร์ทิ้งหน้าเว็บเมื่อผู้ใช้ออกจากหน้าเว็บ ซึ่งทำให้ไม่สามารถจัดเก็บหน้าเว็บไว้ใน 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