เผยแพร่: 7 เมษายน 2026
Chrome 147 กำลังเปิดตัวแล้ว และโพสต์นี้จะแชร์ฟีเจอร์สำคัญบางส่วนจากการเปิดตัว อ่านบันทึกประจำรุ่นของ Chrome 147 ฉบับเต็ม
ไฮไลต์จากรุ่นนี้
- การเปลี่ยนมุมมองที่กำหนดขอบเขตขององค์ประกอบจะแสดง
startViewTransitionในองค์ประกอบ HTML ที่กำหนดเอง - CSS contrast-color() ช่วยให้เป็นไปตามข้อกำหนดการช่วยเหลือพิเศษ
- พร็อพเพอร์ตี้
border-shapeของ CSS ช่วยให้คุณสร้าง เส้นขอบที่ไม่ใช่สี่เหลี่ยมได้
การเปลี่ยนภาพมุมมองระดับองค์ประกอบ
ฟีเจอร์นี้แสดง element.startViewTransition() ในองค์ประกอบ HTML ที่กำหนดเอง
องค์ประกอบนี้กำหนดขอบเขตของการเปลี่ยน ซึ่งหมายความว่าองค์ประกอบเสมือนของการเปลี่ยนจะได้รับผลกระทบจากคลิปและทรานส์ฟอร์มขององค์ประกอบระดับบน และการเปลี่ยนหลายรายการในองค์ประกอบที่แยกกันจะทำงานพร้อมกันได้
นอกจากนี้ การเปลี่ยนมุมมองที่กำหนดขอบเขตขององค์ประกอบยังช่วยให้คุณซ้อนการเปลี่ยนมุมมองที่กำลังดำเนินการอยู่และ ทำให้ส่วนอื่นๆ ของหน้าเว็บโต้ตอบได้
ดูข้อมูลเพิ่มเติมได้ที่Chrome 147 เปิดใช้การเปลี่ยนมุมมองพร้อมกันและแบบซ้อนกันด้วยการเปลี่ยนมุมมองที่กำหนดขอบเขตขององค์ประกอบ
CSS contrast-color()
ฟังก์ชันนี้ช่วยให้คุณปฏิบัติตามข้อกำหนดด้านคอนทราสต์เพื่อการช่วยเหลือพิเศษได้
คุณสามารถใช้ฟังก์ชัน contrast-color() ได้ทุกที่ใน CSS ที่คาดว่าจะใช้ค่าสี
โดยจะรับอาร์กิวเมนต์ค่าสีและแสดงผลเป็น "ดำ" หรือ
"ขาว" ขึ้นอยู่กับสีที่ให้คอนทราสต์สูงสุดเมื่อเทียบกับอาร์กิวเมนต์สี
ดูข้อมูลเพิ่มเติมได้ที่เอกสารประกอบ MDN สำหรับ contrast-color()
พร็อพเพอร์ตี้ border-shape ของ CSS
พร็อพเพอร์ตี้ border-shape ของ CSS ช่วยให้คุณสร้างเส้นขอบที่ไม่ใช่สี่เหลี่ยมผืนผ้าด้วยรูปร่างใดก็ได้ เช่น รูปหลายเหลี่ยม วงกลม หรือ shape()
แม้ว่า border-shape จะยอมรับรูปร่างเดียวกับ clip-path แต่ก็มีความแตกต่างกันโดยพื้นฐาน
border-shape กำหนดรูปร่างของเส้นขอบ
ตกแต่ง และตัดเฉพาะด้านใน border-shape มี 2 รูปแบบ ได้แก่ รูปแบบที่ขีดเส้นรูปร่างและรูปแบบที่เติมสีระหว่าง 2 รูปร่าง
อ่านเพิ่มเติม
ซึ่งเป็นเพียงไฮไลต์สำคัญบางส่วนเท่านั้น ดูการเปลี่ยนแปลงเพิ่มเติมใน Chrome 147 ได้ที่ลิงก์ต่อไปนี้
- บันทึกประจำรุ่นสำหรับ Chrome 147
- มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome (147)
- การอัปเดต ChromeStatus.com สำหรับ Chrome 147
- ปฏิทินการเผยแพร่ Chrome
สมัครใช้บริการ
หากต้องการติดตามข่าวสารล่าสุด โปรดติดตามช่อง YouTube ของ Chrome Developers แล้วคุณจะได้รับการแจ้งเตือนทางอีเมลทุกครั้งที่เราเปิดตัววิดีโอใหม่ หรือติดตามเราบน X หรือ LinkedIn เพื่อดูบทความและบล็อกโพสต์ใหม่ๆ
ทันทีที่ Chrome 148 เปิดตัว เราจะมาบอกคุณว่ามีอะไรใหม่ใน Chrome