แพลตฟอร์มเว็บใหม่ในเดือนสิงหาคม

มาดูฟีเจอร์ที่น่าสนใจบางส่วนซึ่งเปิดตัวในเว็บเบราว์เซอร์เวอร์ชันเสถียรและเบต้า ในช่วงเดือนสิงหาคม 2025 กัน

Rachel Andrew

เผยแพร่: 29 สิงหาคม 2025

รุ่นเบราว์เซอร์ที่เสถียร

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

API รูปแบบ URL

Firefox 142 รองรับ URL Pattern API ซึ่งช่วยให้จับคู่และแยกวิเคราะห์ URL ได้ง่ายขึ้นมาก ฟีเจอร์นี้มีอยู่ใน Chrome อยู่แล้ว และใน Safari 26 เบต้า ซึ่งหมายความว่าเราน่าจะได้เห็นฟีเจอร์นี้ใน Baseline เร็วๆ นี้

การจัดกำหนดเวลางานที่มีลำดับความสำคัญ

Firefox 142 ยังรองรับ API การจัดกำหนดการงานที่มีลำดับความสำคัญด้วย การรองรับรวมถึง Scheduler, TaskController, TaskSignal, TaskPriorityChangeEvent (และเหตุการณ์ prioritychange) รวมถึงพร็อพเพอร์ตี้ Window.scheduler และ WorkerGlobalScope.scheduler

ซึ่งหมายความว่าตอนนี้คุณใช้ scheduler.yield เพื่อแบ่งงานที่ใช้เวลานานในทั้ง Chrome และ Firefox ได้แล้ว นอกจากนี้ยังมี Polyfill ที่พร้อมใช้งานซึ่งจะช่วยในกรณีที่ไม่รองรับ

การปรับรูปร่างมุม CSS

หากคุณต้องการสร้าง squircle มาโดยตลอด คุณจะดีใจที่ได้เห็นพร็อพเพอร์ตี้ corner-shape ใหม่ใน Chrome 139 ซึ่งจะทำงานควบคู่กับ border-radius เพื่อให้คุณปรับรูปร่างของมุมได้เป็นครั้งแรก

ดูรายละเอียดเพิ่มเติมและตัวอย่างบางส่วนได้ที่ทำความเข้าใจรูปร่างมุมของ CSS และพลังของ Superellipse

ฟังก์ชันที่กำหนดเองของ CSS

นอกจากนี้ Chrome 139 ยังมีฟังก์ชันที่กำหนดเองของ CSS ด้วย ซึ่งคล้ายกับพร็อพเพอร์ตี้ที่กำหนดเอง แต่แทนที่จะแสดงผลค่าคงที่ค่าเดียว พร็อพเพอร์ตี้เหล่านี้จะแสดงผลค่าตามพร็อพเพอร์ตี้ พารามิเตอร์ และเงื่อนไขอื่นๆ ที่กำหนดเอง

ฟังก์ชัน CSS กำหนดโดยใช้กฎ @function และเป็นส่วนหนึ่งของข้อกำหนดฟังก์ชันและมิกซ์อินที่กำหนดเองของ CSS

@function --negate(--value) {
result: calc(var(--value) * -1);
}

div {
--gap: 1em;
margin-top: --negate(var(--gap));
}

request-close คำสั่งเรียกใช้

องค์ประกอบของกล่องโต้ตอบสามารถปิดได้ผ่านกลไกต่างๆ บางครั้งนักพัฒนาแอปอาจต้องการป้องกันไม่ให้ปิด โดยกล่องโต้ตอบจะทริกเกอร์เหตุการณ์ยกเลิก เดิมทีจะทริกเกอร์ได้โดยใช้คำขอปิดเท่านั้น (เช่น การกดแป้น ESC) แต่เมื่อเร็วๆ นี้ได้เพิ่มฟังก์ชัน requestClose() JavaScript ซึ่งจะทริกเกอร์เหตุการณ์การยกเลิกด้วย

คำสั่ง request-close ซึ่งตอนนี้อยู่ใน Chrome 139 จะนำความสามารถใหม่นี้มาสู่ API คำสั่งเรียกใช้แบบประกาศ

การเปิดตัวเบราว์เซอร์เวอร์ชันเบต้า

เบราว์เซอร์เวอร์ชันเบต้าจะให้คุณได้ดูตัวอย่างสิ่งที่จะมีในเบราว์เซอร์เวอร์ชันเสถียรเวอร์ชันถัดไป ช่วงนี้เป็นเวลาที่เหมาะในการทดสอบฟีเจอร์ใหม่หรือการนำออกที่อาจส่งผลต่อเว็บไซต์ของคุณก่อนที่ทั่วโลกจะได้รับการเปิดตัว เบต้าใหม่ในเดือนนี้คือ Firefox 143 และ Chrome 140 ส่วนเบต้าของ Safari 26 ยังคงดำเนินการอยู่

Firefox 143 มีองค์ประกอบเสมือน ::details-content ซึ่งรวมอยู่ใน Interop 2025 การเปิดตัวนี้จะทำให้ฟีเจอร์พื้นฐานพร้อมใช้งานใหม่ รวมถึงพร็อพเพอร์ตี้ text-autospace ของ CSS ด้วย ฟีเจอร์การแปลงข้อความให้รองรับภาษาต่างๆ นี้มีประโยชน์ หากคุณแสดงข้อความภาษาจีน ญี่ปุ่น หรือเกาหลี (CJK) ควบคู่ไปกับอักขระที่ไม่ใช่ CJK ซึ่งช่วยให้คุณระบุช่องว่างที่ใช้ระหว่างอักขระเหล่านี้ได้

Chrome 140 มีแอตทริบิวต์ source ของ ToggleEvent ซึ่งมีองค์ประกอบที่ทริกเกอร์ให้ ToggleEvent ทำงาน นอกจากนี้ ยังมีfont-variation-settingsการรองรับตัวอธิบายในกฎ @font-face พร้อมด้วยการอัปเดต WebGPU หลายรายการ