ฟีเจอร์ใหม่ของแพลตฟอร์มเว็บในเดือนพฤศจิกายน

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

เผยแพร่: 26 พฤศจิกายน 2025

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

Firefox 145 และ Safari 26.1 เปิดตัวในเวอร์ชันเสถียรในช่วงเดือนพฤศจิกายน โพสต์นี้จะมาดูความหมายของการเปลี่ยนแปลงดังกล่าวสำหรับแพลตฟอร์มเว็บ

Safari 26.1

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

นอกจากนี้ ยังมีการเพิ่มการรองรับหน่วยสัมพัทธ์ใน SVG และการรองรับการจดจำposition-tryการสำรองข้อมูลที่สำเร็จล่าสุดในการวางตำแหน่ง Anchor ของ CSS เพื่อลดการกระโดดของเลย์เอาต์เมื่อมีการเปลี่ยนแปลงรูปแบบ

Atomics.waitAsync()

ตอนนี้ Firefox 145 รองรับเมธอดแบบคงที่ Atomics.waitAsync() แล้ว วิธีนี้ช่วยให้สามารถซิงโครไนซ์เธรดตามค่าในตำแหน่งหน่วยความจำที่ใช้ร่วมกัน โดยจะรอค่าแบบไม่พร้อมกันและแสดงผลออบเจ็กต์ที่แสดงผลลัพธ์ของการดำเนินการ ในรุ่นนี้ ตอนนี้ Baseline พร้อมใช้งานแล้ว

Browser Support

  • Chrome: 87.
  • Edge: 87.
  • Firefox: 145.
  • Safari: 16.4.

Source

พร็อพเพอร์ตี้ ToggleEvent source

นอกจากนี้ Firefox ยังรองรับพร็อพเพอร์ตี้ source ของอินเทอร์เฟซ ToggleEvent ด้วย หากองค์ประกอบ HTML เช่น <button> ทำให้ป๊อปโอเวอร์เปิดหรือปิด พร็อพเพอร์ตี้แหล่งที่มาของเหตุการณ์จะมีองค์ประกอบที่ทริกเกอร์ป๊อปโอเวอร์

Browser Support

  • Chrome: 140.
  • Edge: 140.
  • Firefox: 145.
  • Safari: not supported.

Source

ส่วนหัว HTTP ของ Integrity-Policy และ Integrity-Policy-Report-Only

ส่วนหัว HTTP ของ Integrity-Policy และ Integrity-Policy-Report-Only ได้รับการรองรับใน Firefox สำหรับทรัพยากรสคริปต์ ซึ่งช่วยให้เว็บไซต์บังคับใช้การรับประกันความสมบูรณ์ของทรัพยากรย่อยสำหรับสคริปต์ได้

Browser Support

  • Chrome: 138.
  • Edge: 138.
  • Firefox: 145.
  • Safari: not supported.

Source

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

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

Firefox 146 มีฟังก์ชัน contrast-color() CSS และพื้นที่สี display-p3-linear ใน <color> นอกจากนี้ ยังมีกฎ CSS @scope ที่มีเครื่องหมาย @ ซึ่งช่วยให้คุณเลือกองค์ประกอบใน DOM ย่อยที่เฉพาะเจาะจงได้ ซึ่งจะกลายเป็น Baseline พร้อมใช้งานแล้ว

Safari 26.2 กำลังจะกลายเป็นรุ่นที่มีฟีเจอร์ใหม่ๆ มากมายสำหรับเบราว์เซอร์ ซึ่งรวมถึงฟังก์ชัน random() ของ CSS พร้อมกับพร็อพเพอร์ตี้ field-sizing นอกจากนี้ยังมี hidden=until-found รวมถึงแอตทริบิวต์ command และ commandfor ในปุ่มด้วย