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

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

Rachel Andrew

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

ในเดือนมิถุนายน 2023 Firefox 114 มีความเสถียร ดังนั้นจึงเป็นปัญหาเกี่ยวกับเบราว์เซอร์เดียวในเดือนนี้ ดูส่วนรุ่นของเบราว์เซอร์รุ่นเบต้าสำหรับรายละเอียดของคุณลักษณะหลายอย่างที่จะเริ่มทำงานร่วมกันเมื่อรุ่นเบต้าเหล่านั้นมีความเสถียร

API ของ WebTransport

Firefox 114 มี WebTransport API ซึ่งเป็นการอัปเดต WebSocket ที่ทันสมัยเพื่อรองรับสตรีมหลายรายการ การสตรีมแบบทิศทางเดียว และการนำส่งในกรณีที่ไม่ได้สั่งซื้อ

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

  • 97
  • 97
  • 114
  • x

แหล่งที่มา

แอตทริบิวต์ SVG crossorigin

นอกจากนี้ Firefox 114 ยังมีแอตทริบิวต์ crossorigin ในองค์ประกอบ <image> และ <feImage> ใน SVG ซึ่งให้การสนับสนุนการกำหนดค่าคำขอกลไกการแชร์ทรัพยากรข้ามโดเมน (CORS) สำหรับข้อมูลที่ดึงมาขององค์ประกอบ ซึ่งทำงานในลักษณะเดียวกับแอตทริบิวต์ HTML crossorigin

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

  • 118
  • 118
  • 114
  • 17.2

แหล่งที่มา

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

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

Firefox 115 รองรับพร็อพเพอร์ตี้ CSS animation-composition เมื่อ Firefox เวอร์ชันนี้เสถียรในวันที่ 4 กรกฎาคม animation-composition จะได้รับการรองรับในเครื่องมือหลักทั้ง 3 รายการ ดูข้อมูลเพิ่มเติมได้ในบทความระบุวิธีที่เอฟเฟกต์ภาพเคลื่อนไหวหลายรายการควรรวมกับการกำหนดองค์ประกอบภาพเคลื่อนไหว

การเข้าถึงความสามารถในการทำงานร่วมกันกับ Firefox 115 เป็นเมธอดสำหรับ Array และ TypedArray Array.toReversed(), Array.toSorted(), Array.toSpliced(), Array.with(), TypedArrays.toReversed(), TypedArrays.toSorted() และ TypedArrays.with() แสดงผลอาร์เรย์ใหม่ที่มีองค์ประกอบที่คัดลอกแบบตื้น

Safari 17 รุ่นเบต้ามีฟีเจอร์และการแก้ไขใหม่ๆ มากมาย Safari 17 เพิ่มเว็บแอปลงใน macOS Sonoma ซึ่งหมายความว่าคุณสามารถเพิ่มเว็บไซต์ลงใน Dock จากเมนู "ไฟล์" หรือ "แชร์ชีต" จากนั้นเว็บไซต์จะเปิดขึ้นในหน้าต่างของตัวเอง

นอกจากนี้ Safari 17 ยังมีฟีเจอร์สำหรับสถานะที่ทำงานร่วมกันได้ด้วย contain-intrinsic-size, @counter-style, @font-face size-adjust รวมถึงฟีเจอร์สื่อ overflow-block และ overflow-inline จะพร้อมใช้งานในเครื่องมือหลักทั้งหมดเมื่อจัดส่ง Safari 17

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