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

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

Rachel Andrew

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

ในเดือนกันยายน Firefox 105, Chrome 106 และ Safari 16 จะมีความเสถียร ซึ่งหมายความว่าโพสต์เดือนกันยายนนั้นเต็มไปด้วยสิ่งที่น่าตื่นเต้นสำหรับแพลตฟอร์มเว็บ

การค้นหาคอนเทนเนอร์

Safari 16 เพิ่มการสนับสนุนสำหรับการค้นหาคอนเทนเนอร์ ซึ่งเป็นฟีเจอร์ที่ตอนนี้พร้อมใช้งานใน 2 เครื่องมือแล้ว นอกจากนี้ Safari ยังเพิ่มการรองรับหน่วยการค้นหาคอนเทนเนอร์ใหม่อีกด้วย

เลย์เอาต์แบบตารางกริด

Safari เริ่มรองรับค่า subgrid grid-template-columns และ grid-template-rows แล้ว การใช้ค่านี้ในตารางกริดที่เป็นรายการแบบตารางกริดด้วย หมายความว่าแทนที่จะกำหนดแทร็กใหม่ ตารางกริดจะใช้เส้นทางที่ครอบคลุมช่วงระดับบนสุด

นอกจากนี้ ใน Safari เลย์เอาต์แบบตารางกริดคือความสามารถในการทำให้แทร็กตารางกริดเคลื่อนไหว

นอกจากนี้ Safari ยังเพิ่มการรองรับ offset-path, overscroll-behavior, text-align-last และคำสืบค้นสื่อการแก้ปัญหา

API การเข้ารหัส

Firefox 105 รองรับอินเทอร์เฟซ TextDecoderStream และ TextEncoderStream ของ Encrypting API

API นานาชาติใหม่

Intl API ช่วยในการแสดงเนื้อหาในรูปแบบที่แปลเป็นภาษาท้องถิ่น และ Chrome 106 ก็เพิ่มฟังก์ชันการทำงานของรูปแบบตัวเลขใหม่ๆ อีกจำนวนมาก

วิธีนี้เหมือนกับ Intl API อื่นๆ ตรงที่จะแบ่งเบาภาระของระบบ คุณจึงไม่ต้องจัดส่งหรือดูแลรหัสการแปลที่ซับซ้อนให้กับผู้ใช้ทุกคน API รู้ว่าสัญลักษณ์สกุลเงินอยู่ที่ไหน จะจัดรูปแบบวันที่และเวลา หรือรวบรวมรายการได้

เมธอด showChooseer()

Safari 16 มีเมธอด showPicker() ซึ่งช่วยให้ใช้ Canonical เพื่อแสดงเครื่องมือเลือกเบราว์เซอร์สำหรับวันที่ เวลา สี และไฟล์ต่างๆ ได้ คุณสามารถดูข้อมูลเพิ่มเติมเกี่ยวกับเรื่องนี้ได้ในแสดงเครื่องมือเลือกเบราว์เซอร์สำหรับวันที่ เวลา สี และไฟล์

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

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

Chrome 107 มีความสามารถในการทำให้แทร็กตารางกริดเคลื่อนไหว ซึ่งมีอยู่ใน Safari ในเดือนนี้ เมื่อรายการนี้อยู่ใน Chrome ก็จะรองรับเครื่องมือหลักทั้ง 3 อย่าง

นอกจากนี้ ใน Chrome ยังมีส่วนเพิ่มเติมบางอย่างใน getDisplayMedia() ที่มีวัตถุประสงค์เพื่อป้องกันไม่ให้การแชร์มากเกินไปโดยไม่ตั้งใจเมื่อแชร์หน้าจอ

• ตัวเลือก displaySurface สามารถระบุได้ว่าเว็บแอปต้องการนำเสนอประเภทพื้นผิวจอแสดงผลที่เฉพาะเจาะจง (แท็บ หน้าต่าง หรือหน้าจอ)
• ตัวเลือก surfaceSwitching จะระบุว่า Chrome ควรอนุญาตให้ผู้ใช้สลับระหว่างแท็บที่แชร์แบบไดนามิกหรือไม่
• ใช้ตัวเลือก selfBrowserSurface เพื่อป้องกันไม่ให้ผู้ใช้แชร์แท็บปัจจุบันได้ ซึ่งจะช่วยหลีกเลี่ยงไม่ให้เกิดผลกระทบ "กระจกเงา"
• ตัวเลือก systemAudio จะช่วยให้มั่นใจว่า Chrome จะมีเฉพาะการบันทึกเสียงที่เกี่ยวข้องให้กับผู้ใช้เท่านั้น

Safari 16.1 ประกอบด้วยการแก้ไขเพิ่มเติมเกี่ยวกับความสามารถเข้าถึงได้ง่ายของ display: contents, การแก้ไขหน่วยความสูงของวิวพอร์ตแบบไดนามิก (dvh) และการรองรับการเลื่อนไปยังส่วนย่อยของข้อความ

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