Published: May 5, 2026
Chrome 148 กำลังเปิดตัวแล้ว และโพสต์นี้จะแชร์ฟีเจอร์หลักบางส่วนจากรุ่นนี้ อ่านบันทึกประจำรุ่นฉบับเต็มของ Chrome 148
ไฮไลต์จากรุ่นนี้
- การค้นหาคอนเทนเนอร์ตามชื่อเท่านั้นของ CSS ช่วยให้คุณค้นหา คอนเทนเนอร์ตามชื่อได้โดยไม่ต้องตั้งค่าประเภทคอนเทนเนอร์
- การโหลดแบบ Lazy Loading สำหรับองค์ประกอบวิดีโอและเสียง ช่วยให้คุณเลื่อน การโหลดองค์ประกอบเหล่านี้ออกไปจนกว่าองค์ประกอบจะอยู่ใกล้กับวิวพอร์ต
- Prompt API ช่วยให้เข้าถึงโมเดลภาษา AI ในอุปกรณ์ได้โดยตรง
การค้นหาคอนเทนเนอร์ตามชื่อเท่านั้นของ CSS
ตอนนี้คุณค้นหาคอนเทนเนอร์การค้นหา CSS ตาม container-name เท่านั้นได้แล้ว โดยไม่จำเป็นต้องใช้ container-type
#container {
container-name: --foo;
}
@container --foo {
input { background-color: green; }
}
<div id="container">
<div><input></div>
</div>
ก่อนหน้านี้ @container ต้องมีประเภทคอนเทนเนอร์นอกเหนือจากชื่อ
การโหลดแบบ Lazy Loading สำหรับองค์ประกอบวิดีโอและเสียง
Chrome 148 เพิ่มแอตทริบิวต์ loading ลงในองค์ประกอบ <video> และ <audio> ซึ่งช่วยให้นักพัฒนาเว็บเลื่อนการโหลดทรัพยากรสื่อออกไปจนกว่าองค์ประกอบจะอยู่ใกล้กับวิวพอร์ตโดยใช้ loading="lazy"
ซึ่งสอดคล้องกับลักษณะการทำงานของการโหลดแบบ Lazy Loading ที่มีอยู่สำหรับ <img> และ <iframe> ซึ่งช่วยปรับปรุงประสิทธิภาพการโหลดหน้าเว็บและลดปริมาณการใช้อินเทอร์เน็ต
ดูข้อมูลเพิ่มเติมได้ที่
เอกสารประกอบ MDN สำหรับพร็อพเพอร์ตี้ loading และในบล็อกของ Squarespace ในหัวข้อ
วิธีใช้การโหลดแบบ Lazy ของวิดีโอและเสียง HTML มาตรฐานบนเว็บในปัจจุบัน
Prompt API
Prompt API ช่วยให้นักพัฒนาเว็บเข้าถึงโมเดลภาษา AI ในอุปกรณ์ที่เบราว์เซอร์มีให้ ได้โดยตรง (โดยเฉพาะ Gemini Nano ใน Chrome)
การติดตั้งใช้งานครั้งแรกรองรับอินพุตข้อความ รูปภาพ และเสียง นอกจากนี้ ข้อจำกัดการตอบสนองยังช่วยให้มั่นใจว่าข้อความที่สร้างขึ้นเป็นไปตามรูปแบบนิพจน์ทั่วไปและรูปแบบสคีมา JSON ที่กำหนดไว้ล่วงหน้า
ซึ่งรองรับกรณีการใช้งานที่หลากหลาย ตั้งแต่การสร้างคำบรรยายภาพและการค้นหาด้วยภาพ ไปจนถึงการถอดเสียง การจัดประเภทเหตุการณ์ที่มีเสียง การสร้างข้อความตามคำแนะนำที่เฉพาะเจาะจง และการแยกข้อมูลหรือข้อมูลเชิงลึกจากเนื้อหาในแหล่งข้อมูลแบบหลายรูปแบบ
ดูข้อมูลเพิ่มเติมได้ที่ เอกสารประกอบสำหรับ Prompt API หรือ ลองใช้เดโม
อ่านเพิ่มเติม
หัวข้อนี้ครอบคลุมเฉพาะไฮไลต์สำคัญบางส่วน โปรดดูการเปลี่ยนแปลงเพิ่มเติมใน Chrome 148 ได้ที่ลิงก์ต่อไปนี้
- บันทึกประจำรุ่นของ Chrome 148
- มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome (148)
- ข้อมูลอัปเดต ChromeStatus.com สำหรับ Chrome 148
- ปฏิทินการเผยแพร่ Chrome
สมัครใช้บริการ
หากต้องการรับข่าวสารล่าสุด โปรดสมัครใช้บริการช่อง YouTube ของ Chrome Developers แล้วคุณจะได้รับการแจ้งเตือนทางอีเมลทุกครั้งที่เราเปิดตัววิดีโอใหม่ หรือติดตามเราบน X หรือ LinkedIn เพื่ออ่านบทความและบล็อกโพสต์ใหม่ๆ
ทันทีที่ Chrome 149 เปิดตัว เราจะมาบอกคุณว่ามีอะไรใหม่ใน Chrome