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

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

Rachel Andrew

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

ในเดือนมิถุนายน Chrome 103 และ Firefox 102 มีความเสถียร

เปลี่ยนรูปแบบสตรีมและสตรีมไบต์ที่อ่านได้

Firefox 102 มีการสนับสนุนสตรีมการเปลี่ยนรูปแบบ ซึ่งจะเปิดใช้การเชื่อมต่อท่อจาก ReadableStream ไปยัง WritableStream ที่ดำเนินการเปลี่ยนรูปแบบในส่วนต่างๆ เราดีใจที่ได้เห็นฟีเจอร์นี้พร้อมใช้งานในทั้ง 3 เครื่องมือ จึงเป็นโอกาสที่ดีในการเรียนรู้เกี่ยวกับสตรีม

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

  • 67
  • 79
  • 102
  • 14.1

แหล่งที่มา

Firefox 102 รองรับสตรีมไบต์ที่อ่านได้แล้ว เพื่อเปิดใช้โปรแกรมอ่าน BYOB (นำบัฟเฟอร์ของคุณเอง) เข้ามาด้วยอินเทอร์เฟซ ReadableStreamBYOBReader และใช้เพื่อสตรีมข้อมูลที่นักพัฒนาแอปมีให้

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

  • 89
  • 89
  • 102
  • x

แหล่งที่มา

เข้าถึงแบบอักษรที่ติดตั้งอยู่ในเครื่อง

Chrome 103 มี Local Font Access API ซึ่งช่วยให้เข้าถึงแบบอักษรที่ติดตั้งอยู่ในเครื่องของผู้ใช้ได้ หลังจากขอสิทธิ์เข้าถึงแบบอักษรที่ติดตั้งในอุปกรณ์แล้ว ให้เรียกใช้ window.queryLocalFonts() เพื่อรับอาร์เรย์ของแบบอักษรที่ติดตั้ง

const pickedFonts = await window.queryLocalFonts();
for (const fontData of pickedFonts) {
  console.log(fontData.postscriptName);
  console.log(fontData.fullName);
  console.log(fontData.family);
  console.log(fontData.style);
}

ฟีเจอร์สื่อ update

Firefox 102 มีฟีเจอร์สื่อ update ข้อมูลนี้ใช้เพื่อค้นหาว่าอุปกรณ์เอาต์พุตจะแก้ไขรูปลักษณ์ของเนื้อหาได้หรือไม่เมื่อแสดงผลแล้ว

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

  • 113
  • 113
  • 102
  • 17

แหล่งที่มา

รหัสสถานะ HTTP ใหม่ - คำแนะนำเบื้องต้น 103 ข้อ

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

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

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

เวอร์ชันเบต้าใหม่ในเดือนเมษายนคือ Chrome 104, Firefox 103 และ Safari 16

ไวยากรณ์ใหม่สำหรับคำค้นหาสื่อตามช่วงขนาด

Chrome 104 รวมไวยากรณ์ใหม่สำหรับคำค้นหาสื่อตามช่วง จากข้อกำหนดคำค้นหาสื่อระดับ 4 ตัวอย่างเช่น คิวรี่สื่อที่ก่อนหน้านี้เขียนแบบนี้

@media (min-width: 400px) { … }

ตอนนี้เขียนในลักษณะนี้

@media (width >= 400px) { … }

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

  • 104
  • 104
  • 102
  • 16.4

แหล่งที่มา

API การจับภาพภูมิภาค

Chrome 104 บนเดสก์ท็อปยังมี Region Recording API อีกด้วย ซึ่งจะทำให้ครอบตัดและนำเนื้อหาออกจากวิดีโอที่บันทึกไว้ได้ก่อนแชร์

Safari 16 นำคุณลักษณะสำคัญต่างๆ มาสู่เบราว์เซอร์

Safari 16 น่าจะเป็นรุ่นที่น่าตื่นเต้นอีกรุ่นหนึ่งจากทีม Safari รุ่นนี้เพิ่มฟีเจอร์มากมายที่รวมอยู่ใน Interop 2022 และดีมากที่ได้เห็นการลงจอดมากมายในช่วงกลางปีนี้ ฉันกำลังไฮไลต์ฟีเจอร์โปรดบางอย่าง แต่อย่าลืมดูข้อมูลเพิ่มเติมในบันทึกประจำรุ่น

เราตื่นเต้นมากที่จะได้เห็นนักพัฒนาซอฟต์แวร์และนักพัฒนาซอฟต์แวร์จำนวนมากได้รองรับการค้นหาเกี่ยวกับขนาดสำหรับการค้นหาคอนเทนเนอร์ ซึ่งเป็นฟีเจอร์ที่อยู่เบื้องหลังใน Chrome เช่นกัน

นอกจากนี้ใน Safari 16 ยังรองรับค่า subgrid สำหรับ grid-template-columns และ grid-template-rows ด้วย ฟีเจอร์นี้มีอยู่แล้วใน Firefox และอยู่ระหว่างการพัฒนาใน Chrome และทำให้การปรับขนาดแทร็กแบบตารางกริดได้รับค่าจากตารางกริดที่ซ้อนกัน

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

  • 117
  • 117
  • 71
  • 16

แหล่งที่มา

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

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

  • 107
  • 107
  • 66
  • 16

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

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

  • 99
  • 99
  • 101
  • 16

แหล่งที่มา

ปัญหาเกี่ยวกับการช่วยเหลือพิเศษสำหรับ display: contents ได้รับการแก้ไขแล้วเช่นกัน ทำให้ฟีเจอร์ที่มีประโยชน์นี้ใช้งานได้อย่างปลอดภัยโดยไม่ต้องนำองค์ประกอบออกจากแผนผังการช่วยเหลือพิเศษ

ฟีเจอร์เบต้าเหล่านี้จะเข้าสู่เบราว์เซอร์ที่เสถียรในเร็วๆ นี้

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