สำรวจฟีเจอร์ที่น่าสนใจบางรายการที่เปิดตัวในเว็บเบราว์เซอร์เวอร์ชันเสถียรและเบต้าในช่วงเดือนพฤศจิกายน 2024
เผยแพร่เมื่อวันที่ 27 พฤศจิกายน 2024
เบราว์เซอร์รุ่นที่เสถียร
ในเดือนพฤศจิกายน 2024 Firefox 133 และ Chrome 131 กลายเป็นเวอร์ชันเสถียร โพสต์นี้จะกล่าวถึงฟีเจอร์ใหม่ที่เพิ่มลงในแพลตฟอร์มเว็บ
WebCodecs API
Firefox 133 รองรับอินเทอร์เฟซ ImageDecoder
, ImageTrackList
และ ImageTrack
ของ WebCodecs API ซึ่งช่วยให้สามารถถอดรหัสรูปภาพจากเธรดหลักและเธรดสำหรับงานได้
พร็อพเพอร์ตี้ WorkerNavigator
permissions
Firefox 133 ยังรองรับ WorkerNavigator.permissions
ด้วย
@page
กล่องระยะขอบ
Chrome 131 เพิ่มการรองรับกล่องระยะขอบหน้าเว็บเมื่อพิมพ์เอกสารบนเว็บหรือส่งออกเป็น PDF
@page
ช่องระยะขอบช่วยให้คุณกําหนดเนื้อหาในพื้นที่ระยะขอบของหน้าเว็บได้ เช่น เพื่อระบุส่วนหัวและส่วนท้ายที่กําหนดเอง แทนที่จะใช้ส่วนหัวและส่วนท้ายในตัวที่เบราว์เซอร์สร้างขึ้น
นอกจากนี้ ระบบยังรองรับตัวนับสําหรับการระบุหมายเลขหน้าด้วย
ข้อกำหนดกำหนดชื่อตัวนับพิเศษ 2 ชื่อ ได้แก่ page
สำหรับหมายเลขหน้าปัจจุบันและ pages
สำหรับจำนวนหน้าทั้งหมด
ดูข้อมูลเพิ่มเติมในหัวข้อเพิ่มเนื้อหาลงในขอบของหน้าเว็บที่พิมพ์โดยใช้ CSS
Browser Support
การรองรับ currentcolor
ในไวยากรณ์สีแบบสัมพัทธ์
Chrome 131 อนุญาตให้ใช้สีสัมพัทธ์ใน CSS (โดยใช้คีย์เวิร์ด from
) โดยอิงจาก currentcolor
ซึ่งช่วยให้คุณตั้งค่าสีเสริมซึ่งอิงตามสีข้อความขององค์ประกอบสําหรับเส้นขอบ เงา หรือพื้นหลังขององค์ประกอบนั้น
Uint8Array
วิธี
Firefox 133 เพิ่มเมธอด Uint8Array
ใหม่หลายรายการเพื่อให้แปลงระหว่าง base64-
กับสตริงที่เข้ารหัสฐาน 16 และอาร์เรย์ไบต์ได้ง่ายขึ้น ดังนี้
Uint8Array.fromBase64()
และUint8Array.fromHex()
Uint8Array.prototype.setFromBase64()
และUint8Array.prototype.setFromHex()
Uint8Array.prototype.toBase64()
และUint8Array.prototype.toHex()
WebHID ในผู้ปฏิบัติงานเฉพาะ
Chrome 131 เปิดใช้ WebHID
ในบริบทของเวิร์กเกอร์เฉพาะ
ซึ่งจะช่วยให้คุณทำ I/O จำนวนมากและประมวลผลข้อมูลจากอุปกรณ์ HID ในเธรดแยกต่างหากได้ ซึ่งช่วยลดผลกระทบด้านประสิทธิภาพในเธรดหลัก
Browser Support
เบราว์เซอร์รุ่นเบต้า
เวอร์ชันเบต้าของเบราว์เซอร์จะแสดงตัวอย่างฟีเจอร์ที่จะอยู่ในเบราว์เซอร์เวอร์ชันเสถียรเวอร์ชันถัดไป นี่เป็นโอกาสที่ดีในการทดสอบฟีเจอร์ใหม่หรือการนําออกที่อาจส่งผลต่อเว็บไซต์ของคุณก่อนที่ผู้ใช้ทั่วโลกจะได้รับฟีเจอร์หรือการเปลี่ยนแปลงนั้น เบราว์เซอร์รุ่นเบต้าใหม่ ได้แก่ Firefox 134, Safari 18.2 และ Chrome 132 การเปิดตัวเหล่านี้จะเพิ่มฟีเจอร์ที่ยอดเยี่ยมมากมายลงในแพลตฟอร์ม ดูรายละเอียดทั้งหมดได้ในบันทึกประจำรุ่น ต่อไปนี้เป็นไฮไลต์บางส่วน
Safari 18.2 มีวิธีการ Uint8Array
ซึ่งได้กล่าวถึงก่อนหน้านี้ในโพสต์นี้ว่าพร้อมใช้งานใน Firefox และตัวระบุส่วนต่างกำไร @page
ที่พร้อมใช้งานใน Chrome ในเดือนนี้
รายการฟีเจอร์ใหม่ของ CSS มีประโยชน์มาก รวมถึงการรองรับการเปลี่ยนมุมมองข้ามเอกสาร, ruby-align
และ text-box-trim
Chrome 132 รองรับคีย์เวิร์ด sideways-rl
และ sideways-lr
สำหรับพร็อพเพอร์ตี้ CSS writing-mode
, เหตุการณ์เปิด/ปิดสําหรับ <dialog>
และเมธอด bytes()
สําหรับอินเทอร์เฟซ Request
และ Response
Firefox 134 ยังไม่มีรายละเอียดในตอนนี้ แต่ดูเหมือนว่าจะมี Promise.try
ซึ่งอยู่ใน Safari 18.2 เบต้าด้วย