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

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

Rachel Andrew

เผยแพร่: 30 มกราคม 2026

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

Chrome 144 และ Firefox 147 เปิดตัว ในเวอร์ชันเสถียรในช่วงเดือนมกราคม โพสต์นี้จะพูดถึงฟีเจอร์ใหม่ๆ มากมายในเดือนนี้ โดยมีหลายอย่างที่กลายเป็นฟีเจอร์พื้นฐานที่พร้อมใช้งานใหม่

การวางตำแหน่งยึด CSS

Firefox 147 รองรับการวางตำแหน่งยึด CSS ซึ่งทำให้ฟีเจอร์นี้เป็นBaseline Newly available API นี้ช่วยให้คุณวางตำแหน่งองค์ประกอบ ให้สัมพันธ์กับองค์ประกอบอื่นๆ ซึ่งเรียกว่าจุดยึด ซึ่งมีประโยชน์สำหรับเคล็ดลับเครื่องมือ เมนู และป๊อปโอเวอร์ ซึ่งคุณต้องการให้องค์ประกอบอยู่ตำแหน่งที่สัมพันธ์กับ องค์ประกอบอื่นในหน้า

Browser Support

  • Chrome: 125.
  • Edge: 125.
  • Firefox: 147.
  • Safari: 26.

Source

Navigation API

นอกจากนี้ Baseline Newly available ที่มาพร้อมกับ Firefox 147 ยังมี Navigation API ด้วย API นี้เป็นวิธีที่ทันสมัยในการเริ่มต้น สกัดกั้น และจัดการการนำทางใน แอปพลิเคชันของคุณ

Browser Support

  • Chrome: 102.
  • Edge: 102.
  • Firefox: 147.
  • Safari: 26.2.

Source

การจัดรูปแบบการค้นหาในหน้าด้วย ::search-text

Chrome 144 มีองค์ประกอบเสมือน ::search-text ฟีเจอร์นี้จะแสดงการจัดรูปแบบผลการค้นหาในหน้าในลักษณะขององค์ประกอบเสมือนไฮไลต์แก่ผู้เขียน ซึ่งคล้ายกับ ::selection และ ::spelling-error ซึ่งช่วยให้คุณปรับแต่งลักษณะที่ปรากฏของผลการค้นหา เมื่อผู้ใช้ใช้ฟังก์ชันค้นหาในหน้าของเบราว์เซอร์ได้

ดูข้อมูลเพิ่มเติมได้ที่บล็อกของ Igalia ในหัวข้อการจัดรูปแบบไฮไลต์การค้นหาในหน้า

Browser Support

  • Chrome: 144.
  • Edge: 144.
  • Firefox: not supported.
  • Safari: not supported.

องค์ประกอบ <geolocation>

Chrome 144 เปิดตัวองค์ประกอบ <geolocation> ซึ่งเป็นตัวควบคุมที่ประกาศไว้และผู้ใช้เปิดใช้งานเพื่อเข้าถึงตำแหน่งของผู้ใช้ ซึ่งช่วยเพิ่มความสะดวกในการเดินทางของผู้ใช้และนักพัฒนาซอฟต์แวร์ด้วยการจัดการขั้นตอนการให้สิทธิ์และให้ข้อมูลตำแหน่งแก่เว็บไซต์โดยตรง ซึ่งมักจะช่วยให้ไม่ต้องเรียกใช้ JavaScript API แยกต่างหาก

ดูข้อมูลเพิ่มเติมได้ที่ การแนะนำองค์ประกอบ <geolocation> ของ HTML

Temporal API

Chrome 144 มี Temporal API ซึ่งมีออบเจ็กต์และฟังก์ชันมาตรฐานสำหรับการทำงานกับวันที่และเวลา ซึ่งเป็นการเพิ่มประสิทธิภาพที่สำคัญให้กับ JavaScript โดยมีDateเป็นตัวแทนที่แข็งแกร่งและทันสมัย

Browser Support

  • Chrome: 144.
  • Edge: 144.
  • Firefox: 139.
  • Safari: behind a flag.

Source

CSS caret-shape

Chrome 144 ขอแนะนำพร็อพเพอร์ตี้ caret-shape ซึ่งช่วยให้คุณระบุ รูปร่างของเครื่องหมายแทรกข้อความได้ คุณเลือกได้ระหว่าง auto, bar, block และ underscore

Browser Support

  • Chrome: 144.
  • Edge: 144.
  • Firefox: not supported.
  • Safari: not supported.

Source

การเพิ่มประสิทธิภาพการเปลี่ยนฉาก

Firefox 147 มีการระบุประเภทการเปลี่ยนฉาก ซึ่งเป็นกลไกที่ใช้ระบุประเภทต่างๆ สำหรับการเปลี่ยนฉากมุมมองที่ใช้งานอยู่ จากนั้นจะใช้ CSS เพื่อใช้ภาพเคลื่อนไหวกับองค์ประกอบ DOM ได้เมื่อเนื้อหาขององค์ประกอบอัปเดต โดยขึ้นอยู่กับประเภทการเปลี่ยนที่ระบุ Firefox 147 เพิ่มการรองรับเฉพาะประเภทการเปลี่ยนภาพมุมมองของแอปหน้าเว็บเดียว (SPA) ไม่ใช่ประเภทการเปลี่ยนภาพมุมมองแบบข้ามเอกสาร

Browser Support

  • Chrome: 125.
  • Edge: 125.
  • Firefox: 147.
  • Safari: 18.2.

Source

ตอนนี้ Firefox ยังรองรับพร็อพเพอร์ตี้ activeViewTransition ในอินเทอร์เฟซ Document ซึ่งจะแสดงออบเจ็กต์ ViewTransition สำหรับการเปลี่ยนภาพที่ใช้งานอยู่

Browser Support

  • Chrome: 142.
  • Edge: 142.
  • Firefox: 147.
  • Safari: 26.2.

Source

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

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

Chrome 145 มีพร็อพเพอร์ตี้ text-justify เพื่อควบคุมวิธีการจัดแนว และการปรับปรุงเลย์เอาต์แบบหลายคอลัมน์ด้วย column-wrap และ column-height นอกจากนี้ ยังนำonanimationcancelกิจกรรมไปที่ GlobalEventHandlers ด้วย นอกจากนี้ เรายังขยาย<select>ที่ปรับแต่งได้ไปยังกล่องรายการด้วย

Firefox 148 รองรับ Location.ancestorOrigins ซึ่งช่วยให้คุณ ระบุได้ว่ามีการฝังเอกสารใน <iframe> หรือไม่ และเว็บไซต์ใดเป็นผู้ฝัง