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

Rachel Andrew

เผยแพร่: 1 เมษายน 2025

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

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

มีฟีเจอร์ชุดหนึ่งที่เปิดใช้ภาพสไลด์ CSS แอตทริบิวต์ command และ commandfor ช่วยให้คุณแนบลักษณะการทำงานกับปุ่มในลักษณะที่ประกาศได้ ฟังก์ชัน shape() ของ CSS ช่วยให้คุณกําหนดรูปร่างสําหรับพร็อพเพอร์ตี้ clip-path และ offset-path ได้

ภาพสไลด์ CSS

ฟีเจอร์ CSS จำนวนมากอยู่ในหมายเหตุประจำรุ่น และฟีเจอร์เหล่านี้จำนวนมากเป็นการเพิ่มเล็กๆ น้อยๆ ที่รวมกันเพื่อเปิดใช้ภาพสไลด์ CSS ฟีเจอร์หลักๆ คือองค์ประกอบจำลอง CSS ใหม่ ::scroll-button() and::scroll-marker()` ซึ่งช่วยให้คุณเปลี่ยนพื้นที่ที่เลื่อนได้เป็นภาพสไลด์

หากต้องการดูวิธีใช้ฟีเจอร์ใหม่เหล่านี้และรับแรงบันดาลใจสำหรับโปรเจ็กต์ของคุณเอง โปรดอ่านภาพสไลด์ด้วย CSS

แอตทริบิวต์ command และ commandfor

Chrome 135 เปิดตัวความสามารถใหม่สำหรับการแสดงลักษณะการทำงานแบบประกาศด้วยแอตทริบิวต์ command และ commandfor ใหม่ ซึ่งจะช่วยปรับปรุงและแทนที่แอตทริบิวต์ popovertargetaction และ popovertarget คุณเพิ่มแอตทริบิวต์ใหม่เหล่านี้ลงในปุ่มได้ ซึ่งจะช่วยให้เบราว์เซอร์จัดการปัญหาหลักๆ บางประการเกี่ยวกับความเรียบง่ายและการช่วยเหลือพิเศษ รวมถึงให้ฟังก์ชันการทำงานทั่วไปในตัว

HTML ต่อไปนี้จะสร้างความสัมพันธ์แบบประกาศระหว่างปุ่มกับเมนู ซึ่งช่วยให้เบราว์เซอร์จัดการตรรกะและการช่วยเหลือพิเศษให้คุณ คุณไม่จำเป็นต้องจัดการ aria-expanded หรือเพิ่ม JavaScript เพิ่มเติม

<button commandfor="my-menu" command="show-popover">
Open Menu
</button>
<div popover id="my-menu">
  <!-- ... -->
</div>

ดูข้อมูลเพิ่มเติมเกี่ยวกับแอตทริบิวต์ใหม่เหล่านี้ได้ในการแนะนำแอตทริบิวต์ command และ commandfor

ฟังก์ชัน CSS shape()

ฟังก์ชัน shape() CSS ใช้เพื่อกำหนดรูปร่างสำหรับพร็อพเพอร์ตี้ clip-path และ offset-path

ฟังก์ชัน shape() ใช้ชุดคำสั่งที่เทียบเท่ากับชุดคำสั่งที่ใช้โดย path() แต่จะเขียนด้วยไวยากรณ์ CSS มาตรฐานมากขึ้น และอนุญาตให้ใช้ฟังก์ชัน CSS ได้อย่างเต็มรูปแบบ เช่น หน่วยเพิ่มเติมและฟังก์ชันคณิตศาสตร์ ฟีเจอร์นี้อยู่ใน Firefox Nightly และ Safari 18.4 เบต้า จึงควรพร้อมใช้งานใน Baseline ใหม่ในเร็วๆ นี้

และอีกมากมาย

แน่นอนว่ายังมีอีกมากมาย

  • ตอนนี้ Web Speech API รองรับ MediaStreamTrack แล้ว
  • ระบบรองรับ Float16Array และกลายเป็น Baseline ใหม่
  • ขณะนี้ระบบรองรับ Observable API แล้ว

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

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

สมัครใช้บริการ

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

ทันทีที่ Chrome 135 เปิดตัว เราจะมาแจ้งให้คุณทราบถึงฟีเจอร์ใหม่ๆ ใน Chrome