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

Rachel Andrew

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

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

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

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

ภาพสไลด์ CSS

หมายเหตุประจำรุ่นมีฟีเจอร์ CSS จำนวนมาก และฟีเจอร์เหล่านี้หลายรายการ เป็นการเพิ่มฟีเจอร์เล็กๆ น้อยๆ ที่รวมกันเพื่อเปิดใช้แคrousel ของ 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>

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

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

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

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

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

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

  • ตอนนี้ Web Speech API รองรับ MediaStreamTrack แล้ว
  • ระบบรองรับ Float16Array และจะกลายเป็น Baseline Newly available
  • ตอนนี้ระบบรองรับ Observable API แล้ว

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

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

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

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

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