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

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

เผยแพร่: 29 มกราคม 2025

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

ในเดือนมกราคม 2025 Firefox 134, Safari 18.3 และ Chrome 132 กลายเป็นเวอร์ชันเสถียร โพสต์นี้จะกล่าวถึงฟีเจอร์ใหม่ที่เพิ่มลงในแพลตฟอร์มเว็บ

Promise.try พร้อมใช้งานเป็นฐานข้อมูลใหม่แล้ว

Promise.try เป็นเมธอดที่สะดวกซึ่งทำให้การจัดการข้อผิดพลาดสำหรับฟังก์ชันการเรียกกลับแบบซิงค์ง่ายขึ้น ฟีเจอร์นี้พร้อมใช้งานใน Firefox 134 เป็นต้นไป จึงจัดอยู่ในระดับพื้นฐาน เพิ่งเปิดตัว ดูข้อมูลเพิ่มเติมในหัวข้อPromise.try พร้อมให้บริการเป็นเวอร์ชันพื้นฐานแล้ว

พร็อพเพอร์ตี้การจัดแนว CSS สําหรับองค์ประกอบที่มีตําแหน่งสัมบูรณ์

นอกจากนี้ ใน Firefox 134 ยังมีการสนับสนุนพร็อพเพอร์ตี้ CSS align-self และ justify-self รวมถึงพร็อพเพอร์ตี้ CSS แบบย่อ place-self สำหรับองค์ประกอบที่มีการวางตำแหน่งแบบสัมบูรณ์

Browser Support

  • Chrome: 122.
  • Edge: 122.
  • Firefox: 134.
  • Safari: not supported.

โหมดการเขียน CSS แนวนอน

เพิ่มการรองรับคีย์เวิร์ด sideways-rl และ sideways-lr สำหรับพร็อพเพอร์ตี้ CSS writing-mode ใน Chrome 132 แล้ว sideways-rl และ sideways-lr มีประโยชน์ในการเขียนข้อความที่ไม่ใช่ CJK ในแนวตั้งเมื่อคุณต้องการแสดงข้อความแนวตั้งเพื่อวัตถุประสงค์ด้านการออกแบบ

Browser Support

  • Chrome: 132.
  • Edge: 132.
  • Firefox: 43.
  • Safari: not supported.

การแก้ไขการรองรับป๊อปอัปในอุปกรณ์เคลื่อนที่

Safari 18.3 เป็นรุ่นที่แก้ไขปัญหาการทำงานร่วมกันต่างๆ ปัญหาสำคัญคือการแก้ไขป๊อปอัป ก่อนหน้านี้ การแตะหรือคลิกนอกป๊อปอัปจะปิดป๊อปอัปใน iOS และ iPadOS ไม่ได้ ปัญหานี้ได้รับการแก้ไขแล้ว

Request.bytes() และ Response.bytes() คือเกณฑ์พื้นฐานที่กลับมาเปิดให้จองอีกครั้ง

Chrome 132 เพิ่มเมธอด bytes() ลงในอินเทอร์เฟซ Request และ Response ของ Fetch ซึ่งจะแสดงผลลัพธ์เป็น Promise ที่แก้ไขด้วย Uint8Array แม้ว่า Request และ Response จะมีเมธอด arrayBuffer() แต่คุณจะอ่านจากบัฟเฟอร์โดยตรงไม่ได้ คุณต้องสร้างมุมมอง เช่น Uint8Array เพื่ออ่าน วิธี bytes() ช่วยปรับปรุงการยศาสตร์ในการรับร่างของ Request และ Response

Browser Support

  • Chrome: 132.
  • Edge: 132.
  • Firefox: 128.
  • Safari: 18.

Source

Device Posture API

Chrome 132 มี Device Posture API ที่ออกแบบมาเพื่อช่วยในการออกแบบหน้าจอแบบพับได้ การใช้งานนี้ประกอบด้วยdevice-postureฟีเจอร์สื่อ CSS ใหม่ซึ่งใช้ตรวจหาลักษณะการวางแนวปัจจุบันของอุปกรณ์ได้ นอกจากนี้ยังมีอินเทอร์เฟซ JavaScript เพื่อตรวจหาและตอบสนองต่อการเปลี่ยนแปลงของท่าทางด้วย ท่าทางมีคำจำกัดความดังนี้

  • continuous: บ่งบอกถึงหน้าจอแบน ซึ่งอาจรวมถึงอุปกรณ์แบบพับขณะใช้แบบแบน และหน้าจอแบนหรือโค้ง
  • folded: บ่งบอกถึงหน้าจอที่กางอยู่ ซึ่งอาจรวมถึงอุปกรณ์แบบพับได้ที่ใช้ในลักษณะหนังสือหรือแล็ปท็อป

Browser Support

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

WebAuthn Signal API

Chrome 132 ยังมี WebAuthn Signal API ซึ่งช่วยให้บุคคลที่เชื่อถือ WebAuthn ส่งสัญญาณข้อมูลเกี่ยวกับข้อมูลเข้าสู่ระบบที่มีอยู่กลับไปยังผู้ให้บริการที่จัดเก็บข้อมูลเข้าสู่ระบบได้ เพื่อให้อัปเดตหรือนำข้อมูลเข้าสู่ระบบที่ไม่ถูกต้องหรือถูกเพิกถอนออกจาก UI ของผู้ให้บริการและระบบ

ดูข้อมูลเพิ่มเติมเกี่ยวกับ Signal API สำหรับพาสคีย์ในเดสก์ท็อป Chrome

เบราว์เซอร์รุ่นเบต้า

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

Chrome 133 เป็นรุ่นที่น่าตื่นเต้นสำหรับ CSS ซึ่งรวมถึงฟังก์ชัน attr() ขั้นสูง, การค้นหาคอนเทนเนอร์สถานะการเลื่อน และ CSS text-box, text-box-trim และ text-box-edge

Chrome 133 ยังมีอินเทอร์เฟซ FileSystemObserver และ DOM พื้นฐาน (Node.prototype.moveBefore) ที่ช่วยให้คุณย้ายองค์ประกอบไปรอบๆ ต้นไม้ DOM ได้โดยไม่ต้องรีเซ็ตสถานะขององค์ประกอบ

Firefox 135 มีการแยกวิเคราะห์ JSON ด้วยข้อเสนอแหล่งที่มา ซึ่งมีจุดประสงค์เพื่อมอบฟีเจอร์ต่างๆ ในการลดปัญหาเกี่ยวกับความแม่นยำที่ลดลงเมื่อแปลงค่า เช่น ค่าทศนิยมขนาดใหญ่และค่าวันที่ ระหว่างค่า JavaScript กับข้อความ JSON