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

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

เผยแพร่: 18 ธันวาคม 2024

ในเดือนธันวาคม 2024 เบราว์เซอร์เพียงตัวเดียวที่เปิดตัวเวอร์ชันใหม่ที่เสถียรคือ Safari เวอร์ชัน Safari 18.2 โพสต์นี้จะกล่าวถึงฟีเจอร์ใหม่ที่เพิ่มลงในแพลตฟอร์มเว็บ

ฟีเจอร์ใหม่ที่พร้อมใช้งานใน Safari 18.2

รุ่นนี้ช่วยเสริมBaseline 2024 ด้วยฟีเจอร์ใหม่ๆ 2-3 รายการ

การตั้งค่าหน้าด้วย @page

รูปแบบคำสั่ง @ @page ช่วยให้คุณกำหนดขนาดและระยะขอบสำหรับเนื้อหา เช่น เอกสารที่พิมพ์ อีบุ๊ก หรือสไลด์

พร็อพเพอร์ตี้ CSS ruby-align และ ruby-position

พร็อพเพอร์ตี้ ruby-align และ ruby-position ช่วยให้คุณควบคุมตำแหน่งและการจัดแนวข้อความทับในคอนเทนเนอร์ได้

ดูข้อมูลเพิ่มเติมในพร็อพเพอร์ตี้ <ruby> ที่แบ่งบรรทัดได้และ ruby-align ของ CSS

รูปแบบแถบเลื่อน

ตอนนี้พร็อพเพอร์ตี้ CSS scrollbar-gutter และ scrollbar-width พร้อมใช้งานในเบสไลน์แล้ว คุณจึงปรับแต่งลักษณะที่ปรากฏของแถบเลื่อนในเว็บแอปได้

::target-text องค์ประกอบจำลอง

องค์ประกอบจำลอง ::target-text ช่วยให้คุณจัดรูปแบบข้อความที่ไฮไลต์โดยส่วนข้อความ URL ได้ ตอนนี้คุณเลือกวิธีไฮไลต์ข้อความเพื่อดึงดูดความสนใจได้ดียิ่งขึ้นได้แล้ว

ระบบจัดการหน่วยความจำที่ไม่ใช้แล้วของ WebAssembly และการเพิ่มประสิทธิภาพการเรียกใช้โค้ดส่วนท้าย

Safari 18.2 รองรับฟีเจอร์ WebAssembly (Wasm) เหล่านี้ ซึ่งทำให้ฟีเจอร์ดังกล่าวพร้อมใช้งานใน Baseline ใหม่

ดูข้อมูลเพิ่มเติมเกี่ยวกับการเก็บขยะใน WebAssembly ได้ในหัวข้อตอนนี้การรวบรวมขยะใน WebAssembly (WasmGC) เปิดใช้โดยค่าเริ่มต้นใน Chrome และอ่านสาเหตุที่Google ชีตพอร์ตเวิร์กเกอร์การประมวลผลจาก JavaScript ไปยัง WasmGC

การเปลี่ยนมุมมองข้ามเอกสาร

Safari 18.2 รองรับการเปลี่ยนมุมมองข้ามเอกสาร รวมถึงคลาสและประเภทการเปลี่ยนมุมมอง ตลอดจนรองรับเหตุการณ์ pageswap และ pagereveal

Browser Support

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

Source

Uint8Array วิธี

Safari 18.2 ยังมีเมธอด 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

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

ในเดือนนี้เราไม่มีฟีเจอร์ใหม่ในเวอร์ชันเบต้าที่จะประกาศเนื่องจากใกล้จะสิ้นปี ขณะนี้ Safari 18.3 รุ่นเบต้ากำลังแก้ไขข้อบกพร่อง ส่วนFirefox 134 และChrome 132 ยังคงดำเนินการอยู่ตั้งแต่เดือนที่แล้ว

เราจะกลับมาในปีหน้าเพื่อแจ้งให้คุณทราบถึงฟีเจอร์ที่จะเปิดตัวในแพลตฟอร์มเว็บในเดือนมกราคม 2025