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

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

Rachel Andrew

เบราว์เซอร์เวอร์ชันเสถียร

ในเดือนมกราคม 2023 Firefox 109, Chrome 109 และ Safari 16.3 เริ่มเสถียรแล้ว เรามาดูความหมายของแพลตฟอร์มเว็บนี้กัน

MathML

Chrome 109 รองรับ MathML Core ซึ่งเป็นภาษาสำหรับอธิบายสัญกรณ์ทางคณิตศาสตร์ที่ฝังอยู่ใน HTML และ SVG การเปิดตัวนี้ทำให้ MathML สามารถทำงานร่วมกันได้กับเครื่องมือหลักๆ ทั้งหมด

เหตุการณ์ scrollend

Firefox 109 ใช้ scrollend เหตุการณ์นี้เป็นวิธีที่เชื่อถือได้ในการตรวจสอบว่าการเลื่อนเสร็จสมบูรณ์ ดูข้อมูลเพิ่มเติมเกี่ยวกับเหตุการณ์นี้ซึ่งถูกนำมาใช้ใน Chrome ด้วยได้ในบทความ scrollend, เหตุการณ์ JavaScript ใหม่

การสนับสนุนเบราว์เซอร์

  • 114
  • 114
  • 109
  • x

แหล่งที่มา

หน่วยความยาว CSS lh และ hyphenate-limit-chars

สำหรับ CSS ใน Chrome เรามีหน่วยความยาว lh หน่วยนี้เทียบเท่ากับค่าที่คำนวณแล้วของพร็อพเพอร์ตี้ line-height ในองค์ประกอบที่ใช้

การสนับสนุนเบราว์เซอร์

  • 109
  • 109
  • 120
  • 16.4

นอกจากนี้ พร็อพเพอร์ตี้ hyphenate-limit-chars ยังระบุจำนวนอักขระขั้นต่ำในคำที่มีขีดกลางด้วย

การสนับสนุนเบราว์เซอร์

  • 109
  • 109
  • x
  • x

นโยบายรักษาความปลอดภัยเนื้อหา (CSP) prefetch-src

Safari 16.3 ส่วนใหญ่เป็นรุ่นที่มีการแก้ปัญหา และแก้ปัญหาด้านขนาด CSS ได้หลายประการ ฟีเจอร์ใหม่เดียวที่ระบุไว้ในหมายเหตุคือการเพิ่มคำสั่งของนโยบายรักษาความปลอดภัยเนื้อหา (CSP) prefetch-src

การสนับสนุนเบราว์เซอร์

  • x
  • x
  • x
  • 16.3

แหล่งที่มา

คุณลักษณะสำหรับ Chrome บน Android

ฟีเจอร์ใหม่ใน Chrome บน Android คือการยืนยันการชำระเงินที่ปลอดภัย (SPC) ซึ่งเป็นมาตรฐานเว็บที่เสนอซึ่งช่วยให้ลูกค้าตรวจสอบสิทธิ์กับผู้ออกบัตรเครดิต ธนาคาร หรือผู้ให้บริการชำระเงินอื่นๆ โดยใช้ Authenticator ของแพลตฟอร์ม ซึ่งโดยปกติแล้วจะเปิดใช้งานด้วยฟีเจอร์ปลดล็อกหน้าจอของอุปกรณ์ เช่น เซ็นเซอร์ลายนิ้วมือ

สิ่งใหม่สำหรับ Chrome ใน Android ก็คือระบบไฟล์ส่วนตัวดั้งเดิม (OPFS) ซึ่งเป็นส่วนหนึ่งของ File System Access API ใน Android ซึ่งรวมถึงแพลตฟอร์ม File System Access API ทั้งหมด ลบด้วยเมธอด show{OpenFile, SaveFile, Directory}Picker() และการผสานรวม API การลากและวาง

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

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

Chrome 110 มีพร็อพเพอร์ตี้ initial-letter ของ CSS พร็อพเพอร์ตี้นี้แสดงวิธีกำหนดจำนวนบรรทัดที่ตัวอักษรเริ่มต้นควรจมลงในข้อความ ดูข้อมูลเพิ่มเติมในบทความควบคุมขีดจำกัดด้วยตัวอักษรแรกของ CSS

นอกจากนี้ สำหรับ CSS ใน Chrome 110 ก็คือคลาส Pseudo-class ของ :picture-in-picture การดำเนินการนี้จะช่วยในการกำหนดเป้าหมายและปรับแต่งโปรแกรมเล่นสื่อเมื่อวิดีโอเข้าและออกจากโหมดการแสดงภาพซ้อนภาพ

Chrome มีเมธอด setSinkID() ของ AudioContext API วิธีนี้จะแสดงวิธีเปลี่ยนอุปกรณ์เสียงปลายทางเมื่อใช้ Web Audio

Firefox 110 รวมขนาด การค้นหาคอนเทนเนอร์ ซึ่งจะทำให้เราทำงานร่วมกันในเครื่องมือหลักของเบราว์เซอร์ 3 รายการสำหรับฟีเจอร์รอคอยนี้

ส่วนหนึ่งของซีรีส์ใหม่สำหรับเว็บซีรีส์