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

Rachel Andrew

เผยแพร่เมื่อวันที่ 8 กันยายน 2026

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

ไฮไลต์จากเวอร์ชันนี้

คอนเทนเนอร์เลื่อนแกนเดียว

Chrome 153 ขยายพร็อพเพอร์ตี้ CSS overflow เพื่อรองรับค่าที่เลื่อนได้ (auto, scroll, hidden) ซึ่งรวมกับ clip (เช่น overflow: scroll clip หรือ overflow: auto clip) ซึ่งจะสร้างคอนเทนเนอร์เลื่อนสำหรับแกนเดียวโดยไม่เปลี่ยนแกนอื่นให้เป็นตัวเลื่อน ตอนนี้ฟีเจอร์นี้พร้อมให้ทดสอบโดยไม่ต้องใช้แฟล็กในเวอร์ชันที่ไม่เสถียร (เบต้า, เวอร์ชันที่กำลังพัฒนา และ Canary) ตั้งแต่ Chrome 153 เป็นต้นไป

ดูตัวอย่างโดยละเอียดได้ที่พร้อมสำหรับการทดสอบของนักพัฒนา: คอนเทนเนอร์เลื่อนแกนเดียว

องค์ประกอบความสามารถ <camera> และ <microphone>

หลังจากเปิดตัวองค์ประกอบ <geolocation> ใน Chrome 144 และ <usermedia> ใน Chrome 151 แล้ว Chrome 153 ได้เปิดตัวองค์ประกอบความสามารถ <camera> และ <microphone> โดยเฉพาะ

องค์ประกอบเหล่านี้เป็นตัวควบคุม HTML ที่ประกาศไว้ซึ่งผู้ใช้เปิดใช้งานได้และออกแบบมาสำหรับกรณีการใช้งานที่มีความสามารถเดียว ดังนี้

  • องค์ประกอบ <camera> ขอการจับภาพวิดีโอ
  • องค์ประกอบ <microphone> ขอการจับภาพเสียง

องค์ประกอบเหล่านี้จะฝัง UI ที่เบราว์เซอร์ควบคุมและจัดรูปแบบอย่างเข้มงวดลงในหน้าเว็บ เช่นเดียวกับ <usermedia> เพื่อให้แน่ใจว่าผู้ใช้คลิกโดยเจตนาแล้วก่อนที่จะมีการทริกเกอร์ข้อความแจ้งขอสิทธิ์หรือเริ่มสตรีม องค์ประกอบเหล่านี้ยังคงใช้โมเดลความปลอดภัยและเส้นทางการกู้คืนสิทธิ์ในตัวแบบเดียวกับ <usermedia> และให้การควบคุมที่มากขึ้นหากแอปพลิเคชันของคุณไม่จำเป็นต้องเข้าถึงสื่อผสม

การทำซ้ำร่วม

Chrome 153 เพิ่มการรองรับข้อเสนอ Joint Iteration TC39 ใน JavaScript โดยเปิดตัวเมธอดแบบคงที่ Iterator.zip() และ Iterator.zipKeyed()

Iterator.zip() จะรวมองค์ประกอบจากออบเจ็กต์ที่วนซ้ำได้หลายรายการลงในตัววนซ้ำใหม่ที่แสดงผลอาร์เรย์ซึ่งมีองค์ประกอบในตำแหน่งที่ตรงกัน โดยค่าเริ่มต้น การวนซ้ำจะเสร็จสมบูรณ์เมื่อออบเจ็กต์ที่วนซ้ำได้ซึ่งสั้นที่สุดหมดลง

คุณปรับแต่งลักษณะการทำงานนี้ได้โดยใช้ตัวเลือก mode ดังนี้

  • "shortest" (ค่าเริ่มต้น): หยุดเมื่อออบเจ็กต์ที่วนซ้ำได้รายการแรกเสร็จสิ้น
  • "longest": ดำเนินการต่อจนกว่าออบเจ็กต์ที่วนซ้ำได้ทั้งหมดจะเสร็จสิ้น โดยจะเติมค่าที่ขาดหายไปโดยใช้ออบเจ็กต์ที่วนซ้ำได้ padding ที่ไม่บังคับ
  • "strict": แสดง TypeError หากออบเจ็กต์ที่วนซ้ำได้อินพุตมีความยาวไม่เท่ากัน

เมธอด Iterator.zipKeyed() ที่มาพร้อมกันจะมีการรวมที่คล้ายกัน โดยจะแสดงผลออบเจ็กต์ที่มีคีย์แทนอาร์เรย์

ดูรายละเอียดและตัวอย่างเพิ่มเติมได้ในเอกสารประกอบ Iterator.zip() ใน MDN

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

บทความนี้ครอบคลุมเฉพาะไฮไลต์สำคัญบางส่วน ดูการเปลี่ยนแปลงเพิ่มเติมใน Chrome 153 ได้จากลิงก์ต่อไปนี้

ติดตาม

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

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