ฟีเจอร์ใหม่ของแพลตฟอร์มเว็บในเดือนพฤศจิกายน

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

เผยแพร่เมื่อวันที่ 27 พฤศจิกายน 2024

ในเดือนพฤศจิกายน 2024 Firefox 133 และ Chrome 131 กลายเป็นเวอร์ชันเสถียร โพสต์นี้จะกล่าวถึงฟีเจอร์ใหม่ที่เพิ่มลงในแพลตฟอร์มเว็บ

WebCodecs API

Firefox 133 รองรับอินเทอร์เฟซ ImageDecoder, ImageTrackList และ ImageTrack ของ WebCodecs API ซึ่งช่วยให้สามารถถอดรหัสรูปภาพจากเธรดหลักและเธรดสำหรับงานได้

Browser Support

  • Chrome: 94.
  • Edge: 94.
  • Firefox: 133.
  • Safari: not supported.

Source

พร็อพเพอร์ตี้ WorkerNavigator permissions

Firefox 133 ยังรองรับ WorkerNavigator.permissions ด้วย

Browser Support

  • Chrome: 43.
  • Edge: 79.
  • Firefox: 133.
  • Safari: 16.4.

Source

@page กล่องระยะขอบ

Chrome 131 เพิ่มการรองรับกล่องระยะขอบหน้าเว็บเมื่อพิมพ์เอกสารบนเว็บหรือส่งออกเป็น PDF

@page ช่องระยะขอบช่วยให้คุณกําหนดเนื้อหาในพื้นที่ระยะขอบของหน้าเว็บได้ เช่น เพื่อระบุส่วนหัวและส่วนท้ายที่กําหนดเอง แทนที่จะใช้ส่วนหัวและส่วนท้ายในตัวที่เบราว์เซอร์สร้างขึ้น

นอกจากนี้ ระบบยังรองรับตัวนับสําหรับการระบุหมายเลขหน้าด้วย ข้อกำหนดกำหนดชื่อตัวนับพิเศษ 2 ชื่อ ได้แก่ page สำหรับหมายเลขหน้าปัจจุบันและ pages สำหรับจำนวนหน้าทั้งหมด

ดูข้อมูลเพิ่มเติมในหัวข้อเพิ่มเนื้อหาลงในขอบของหน้าเว็บที่พิมพ์โดยใช้ CSS

Browser Support

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

การรองรับ 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()

Browser Support

  • Chrome: not supported.
  • Edge: not supported.
  • Firefox: 133.
  • Safari: 18.2.

Source

WebHID ในผู้ปฏิบัติงานเฉพาะ

Chrome 131 เปิดใช้ WebHID ในบริบทของเวิร์กเกอร์เฉพาะ ซึ่งจะช่วยให้คุณทำ I/O จำนวนมากและประมวลผลข้อมูลจากอุปกรณ์ HID ในเธรดแยกต่างหากได้ ซึ่งช่วยลดผลกระทบด้านประสิทธิภาพในเธรดหลัก

Browser Support

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

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

เวอร์ชันเบต้าของเบราว์เซอร์จะแสดงตัวอย่างฟีเจอร์ที่จะอยู่ในเบราว์เซอร์เวอร์ชันเสถียรเวอร์ชันถัดไป นี่เป็นโอกาสที่ดีในการทดสอบฟีเจอร์ใหม่หรือการนําออกที่อาจส่งผลต่อเว็บไซต์ของคุณก่อนที่ผู้ใช้ทั่วโลกจะได้รับฟีเจอร์หรือการเปลี่ยนแปลงนั้น เบราว์เซอร์รุ่นเบต้าใหม่ ได้แก่ 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 เบต้าด้วย