Firefox 157 เปิดให้ผู้ใช้ช่องทาง Release อัปเดตเมื่อ 29 กันยายน 2026 นอกจากหน้าตาเบราว์เซอร์ใหม่ รุ่นนี้ยังมีการเปลี่ยนแปลงที่ทีมเว็บควรตรวจ: การเช็กความสามารถ CSS ด้วย at-rule() และหน้าตาของตัวเลือกวันที่ สี และกล่องโต้ตอบที่ปรับตามโหมดสว่างหรือมืดของหน้าเว็บ ประกาศ Firefox 157
เช็ก CSS at-rule ก่อนเพิ่มความสามารถ
MDN สำหรับ Firefox 157 ระบุว่ารุ่นนี้รองรับ at-rule() ภายใน @supports เช่น @supports at-rule(@scope) เพื่อถามว่าเบราว์เซอร์รองรับกฎ @scope หรือไม่ และใช้กับ supports() ใน @import ได้ด้วย
ประโยชน์สำหรับทีมที่ดูแลคอมโพเนนต์คือ มีทางตรวจความสามารถที่ต้องการก่อนใช้สไตล์เพิ่มเติม โดยไม่ต้องตัดสินจากชื่อเบราว์เซอร์อย่างเดียว ตาม เอกสาร @supports สไตล์ภายในบล็อกจะทำงานเมื่อเงื่อนไขเป็นจริง
แนวทางที่กองบรรณาธิการแนะนำคือ เขียนสไตล์พื้นฐานให้หน้าอ่านและใช้งานได้ก่อน แล้วค่อยใส่ส่วนเสริมไว้ในเงื่อนไข ถ้าเบราว์เซอร์ไม่เข้าใจการตรวจแบบใหม่หรือไม่รองรับกฎนั้น ผู้ใช้ยังต้องอ่านเนื้อหาและกดปุ่มหลักได้ อย่าย้ายสไตล์ที่จำเป็นทั้งหมดเข้าไปอยู่หลังเงื่อนไข
แผนภาพอธิบายแนวทาง progressive enhancement: เริ่มจากส่วนพื้นฐานที่ใช้งานได้ แล้วเพิ่มความสามารถเมื่อรองรับ เป็นข้อเสนอในการจัดสไตล์ตามหลัก feature query ไม่ใช่ผล benchmark หรือการรับรองว่าเว็บทุกแห่งทำงานเหมือนกัน
ฟอร์มและกล่องโต้ตอบต้องตรวจทั้งสองโหมด
Release notes ระบุว่า alert(), confirm(), prompt(), ตัวเลือกสี ตัวเลือกวันที่ และรายการเติมข้อมูลอัตโนมัติของฟอร์ม ปรับหน้าตาให้เข้ากับ color scheme ของหน้าแล้ว
ผลในทางปฏิบัติคือ หน้าสมัครสมาชิก หน้าจอง และหน้าตั้งค่าที่ใช้ส่วนควบคุมของเบราว์เซอร์ควรถูกเปิดทดสอบใหม่ทั้งโหมดสว่างและมืด ข้อเสนอของเราคือเช็กการอ่านค่า ข้อความช่วยเหลือ สีโฟกัส และการใช้คีย์บอร์ด โดยทดสอบตอนเปิดตัวเลือกหรือกล่องโต้ตอบจริงด้วย ภาพหน้าฟอร์มขณะปิดตัวเลือกยังบอกไม่ได้ว่าขั้นตอนทั้งหมดใช้งานสะดวก
ทีมเว็บควรเริ่มจากอะไร
- อัปเดตเครื่องทดสอบเป็น Firefox 157 แล้วเลือกเส้นทางสำคัญของผู้ใช้ เช่น กรอกฟอร์ม เลือกวันที่ และยืนยันรายการ มาทดสอบซ้ำ
- ตรวจสไตล์พื้นฐานก่อนเพิ่ม feature query หากจะใช้
at-rule()ให้ลองทั้งกรณีที่เข้าเงื่อนไขและกรณีที่ไม่มีส่วนเสริม โดยปุ่มหลักและเนื้อหาต้องยังใช้งานได้ - เทียบกับเบราว์เซอร์ที่ทีมรองรับจริง รวมถึงรุ่นเก่าที่ยังมีผู้ใช้ การรองรับใน Firefox รุ่นเดียวไม่ใช่หลักฐานว่าทุกเบราว์เซอร์รองรับแล้ว
- เก็บภาพฟอร์มทั้งสองโหมดไว้ให้ QA เทียบ พร้อมทดสอบ Tab, Shift+Tab และการยืนยันหรือยกเลิกด้วยคีย์บอร์ด
รายการนี้เป็นข้อเสนอของกองบรรณาธิการสำหรับจัดงานทดสอบ ไม่ใช่คำสั่งย้ายระบบจาก Mozilla ทีมที่ยังไม่ใช้ CSS at-rule ใหม่ไม่จำเป็นต้องแก้สไตล์เพียงเพราะมีฟีเจอร์เพิ่ม แต่ควรตรวจพฤติกรรมฟอร์มที่ผู้ใช้จะพบหลังอัปเดตเบราว์เซอร์
ข้อจำกัดก่อนนำไปใช้
@supports ตรวจการรองรับฟีเจอร์ ไม่ได้ยืนยันว่าเลย์เอาต์ สี หรือประสบการณ์ใช้งานของแอปถูกต้องทั้งหมด จึงยังต้องทดสอบหน้าจริง ส่วนป้ายความเข้ากันได้ของ @supports โดยรวมก็ไม่ควรถูกใช้แทนการตรวจฟังก์ชันย่อย at-rule() เพราะ MDN ระบุว่าส่วนย่อยอาจรองรับต่างกัน
บทความนี้ตรวจจากเอกสารต้นทาง ณ 30 กันยายน 2026 ใช้วันที่ออก Release คือ 29 กันยายน ไม่ใช่วันที่แก้ไขหน้า MDN ซึ่งแสดง 28 กันยายน ทีม Reefsight ยังไม่ได้ทดสอบฟีเจอร์เหล่านี้กับระบบ production จึงไม่มีข้ออ้างเรื่องความเร็วหรือผลความเข้ากันได้จากการทดสอบของเรา วันออกและข้อมูลนักพัฒนา