สำรวจฟีเจอร์ที่น่าสนใจบางรายการที่เปิดตัวในเว็บเบราว์เซอร์เวอร์ชันเสถียรและเบต้าในช่วงเดือนมกราคม 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
โหมดการเขียน CSS แนวนอน
เพิ่มการรองรับคีย์เวิร์ด sideways-rl
และ sideways-lr
สำหรับพร็อพเพอร์ตี้ CSS writing-mode
ใน Chrome 132 แล้ว sideways-rl
และ sideways-lr
มีประโยชน์ในการเขียนข้อความที่ไม่ใช่ CJK ในแนวตั้งเมื่อคุณต้องการแสดงข้อความแนวตั้งเพื่อวัตถุประสงค์ด้านการออกแบบ
Browser Support
การแก้ไขการรองรับป๊อปอัปในอุปกรณ์เคลื่อนที่
Safari 18.3 เป็นรุ่นที่แก้ไขปัญหาการทำงานร่วมกันต่างๆ ปัญหาสำคัญคือการแก้ไขป๊อปอัป ก่อนหน้านี้ การแตะหรือคลิกนอกป๊อปอัปจะปิดป๊อปอัปใน iOS และ iPadOS ไม่ได้ ปัญหานี้ได้รับการแก้ไขแล้ว
Request.bytes()
และ Response.bytes()
คือเกณฑ์พื้นฐานที่กลับมาเปิดให้จองอีกครั้ง
Chrome 132 เพิ่มเมธอด bytes()
ลงในอินเทอร์เฟซ Request
และ Response
ของ Fetch ซึ่งจะแสดงผลลัพธ์เป็น Promise ที่แก้ไขด้วย Uint8Array
แม้ว่า Request
และ Response
จะมีเมธอด arrayBuffer()
แต่คุณจะอ่านจากบัฟเฟอร์โดยตรงไม่ได้
คุณต้องสร้างมุมมอง เช่น Uint8Array
เพื่ออ่าน
วิธี bytes()
ช่วยปรับปรุงการยศาสตร์ในการรับร่างของ Request
และ Response
Device Posture API
Chrome 132 มี Device Posture API ที่ออกแบบมาเพื่อช่วยในการออกแบบหน้าจอแบบพับได้
การใช้งานนี้ประกอบด้วยdevice-posture
ฟีเจอร์สื่อ CSS ใหม่ซึ่งใช้ตรวจหาลักษณะการวางแนวปัจจุบันของอุปกรณ์ได้ นอกจากนี้ยังมีอินเทอร์เฟซ JavaScript เพื่อตรวจหาและตอบสนองต่อการเปลี่ยนแปลงของท่าทางด้วย
ท่าทางมีคำจำกัดความดังนี้
continuous
: บ่งบอกถึงหน้าจอแบน ซึ่งอาจรวมถึงอุปกรณ์แบบพับขณะใช้แบบแบน และหน้าจอแบนหรือโค้งfolded
: บ่งบอกถึงหน้าจอที่กางอยู่ ซึ่งอาจรวมถึงอุปกรณ์แบบพับได้ที่ใช้ในลักษณะหนังสือหรือแล็ปท็อป
Browser Support
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