เผยแพร่: 2 กันยายน 2025
Chrome 140 กำลังเปิดตัวแล้ว และโพสต์นี้จะแชร์ฟีเจอร์สำคัญบางอย่าง จากการเปิดตัว อ่านบันทึกประจำรุ่นของ Chrome 140 ฉบับเต็ม
ไฮไลต์จากรุ่นนี้
- ทำความเข้าใจองค์ประกอบที่ทําให้เกิด
ToggleEvent - ใช้
counter()และcounters()ในข้อความแสดงแทนของพร็อพเพอร์ตี้content - ค้นหาการรองรับตัวอธิบาย
font-variation-settingsในกฎ@font-face
ทราบว่าองค์ประกอบใดทริกเกอร์ ToggleEvent
แอตทริบิวต์ source
ของ ToggleEvent มีองค์ประกอบที่ทริกเกอร์
ให้ ToggleEvent ทำงาน (หากมี)
เช่น หากผู้ใช้คลิกองค์ประกอบ <button> ที่มีแอตทริบิวต์ popovertarget หรือ commandfor ตั้งค่าเป็น
เปิดป๊อปโอเวอร์ ToggleEvent ที่ทริกเกอร์ในป๊อปโอเวอร์จะมีแอตทริบิวต์แหล่งที่มา
ตั้งค่าเป็น <button> ที่เรียกใช้
ดูตัวอย่างได้ในเอกสารประกอบ MDN สำหรับ source
ใช้ counter() และ counters() ในข้อความแสดงแทนของพร็อพเพอร์ตี้ content
ฟีเจอร์นี้ช่วยให้ใช้ counter() และ counters() ในข้อความ
แทนของพร็อพเพอร์ตี้ content ได้ ซึ่งจะให้ข้อมูลที่มีความหมายมากขึ้นเพื่อ
ปรับปรุงการช่วยเหลือพิเศษ
ตอนนี้กฎ @font-face รองรับตัวอธิบาย font-variation-settings แล้ว
CSS ช่วยให้คุณปรับความหนา ความกว้าง ความเอียง และแกนอื่นๆ ของแบบอักษรได้
โดยใช้พร็อพเพอร์ตี้ font-variation-settings ในองค์ประกอบแต่ละรายการ
ตัวอธิบาย CSS ของ font-variation-settings ใน @font-face ช่วยให้คุณทำสิ่งเดียวกันนี้ในกฎ @ ของ @font-face ได้ ค่าสำหรับตัวอธิบายนี้จะเหมือนกับพร็อพเพอร์ตี้ font-variation-settings ยกเว้นค่าคีย์เวิร์ดส่วนกลาง
@font-face {
font-family: "OpenTypeFont";
src: url("open_type_font.woff2") format("woff2");
font-variation-settings:
"wght" 400,
"wdth" 300;
}
อ่านเพิ่มเติม
ซึ่งเป็นเพียงไฮไลต์สำคัญบางส่วนเท่านั้น ดูการเปลี่ยนแปลงเพิ่มเติมใน Chrome 140 ได้ที่ลิงก์ต่อไปนี้
- บันทึกประจำรุ่นสำหรับ Chrome 140
- มีอะไรใหม่ใน Chrome DevTools (140)
- การอัปเดต ChromeStatus.com สำหรับ Chrome 140
- ปฏิทินการเผยแพร่ Chrome
สมัครใช้บริการ
หากต้องการติดตามข่าวสารล่าสุด โปรดติดตามช่อง YouTube ของ Chrome Developers แล้วคุณจะได้รับการแจ้งเตือนทางอีเมลทุกครั้งที่เราเปิดตัววิดีโอใหม่ หรือติดตามเราบน X หรือ LinkedIn เพื่อดูบทความและบล็อกโพสต์ใหม่ๆ
ทันทีที่ Chrome 141 เปิดตัว เราจะมาบอกคุณว่ามีอะไรใหม่ใน Chrome ที่นี่