สำรวจฟีเจอร์ที่น่าสนใจบางส่วนซึ่งมีอยู่ในเว็บเบราว์เซอร์เวอร์ชันเสถียรและเวอร์ชันเบต้าในช่วงเดือนมกราคม 2023
เบราว์เซอร์เวอร์ชันเสถียร
ในเดือนมกราคม 2023 Firefox 109, Chrome 109 และ Safari 16.3 เริ่มเสถียรแล้ว เรามาดูความหมายของแพลตฟอร์มเว็บนี้กัน
MathML
Chrome 109 รองรับ MathML Core ซึ่งเป็นภาษาสำหรับอธิบายสัญกรณ์ทางคณิตศาสตร์ที่ฝังอยู่ใน HTML และ SVG การเปิดตัวนี้ทำให้ MathML สามารถทำงานร่วมกันได้กับเครื่องมือหลักๆ ทั้งหมด
เหตุการณ์ scrollend
Firefox 109 ใช้ scrollend
เหตุการณ์นี้เป็นวิธีที่เชื่อถือได้ในการตรวจสอบว่าการเลื่อนเสร็จสมบูรณ์ ดูข้อมูลเพิ่มเติมเกี่ยวกับเหตุการณ์นี้ซึ่งถูกนำมาใช้ใน Chrome ด้วยได้ในบทความ scrollend, เหตุการณ์ JavaScript ใหม่
หน่วยความยาว 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
คุณลักษณะสำหรับ 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 รายการสำหรับฟีเจอร์รอคอยนี้
ส่วนหนึ่งของซีรีส์ใหม่สำหรับเว็บซีรีส์