หน้านี้ได้รับการแปลโดย Cloud Translation API

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

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

Rachel Andrew

เบราว์เซอร์รุ่นที่เสถียร

ในเดือนเมษายน Chrome 101 และ Firefox 99 กลายเป็นเวอร์ชันเสถียร หลังจากเปิดตัวฟีเจอร์มากมายเมื่อเดือนที่แล้ว ในเดือนเมษายนก็ไม่ค่อยมีอะไรมากนัก แต่ก็มีสิ่งที่น่าสนใจบางอย่างให้เราได้ใช้งาน

Chrome 101 มีการเขียนโน้ตสี HWB ข้อมูลนี้ระบุสีตามสี ความขาว และความดำ เช่นเดียวกับการเขียนโน้ตสีอื่นๆ องค์ประกอบอัลฟ่า (ไม่บังคับ) จะระบุระดับความทึบ

h1 {
  color: hwb(194 0% 0% / .5) /* #00c3ff with 50% opacity */
}

หากต้องการดูข้อมูลเพิ่มเติมเกี่ยวกับ hwb() โปรดอ่านบทความนี้โดย Stefan Judis: hwb() – สัญลักษณ์สีสำหรับมนุษย์

การรองรับเบราว์เซอร์

แหล่งที่มา

นอกจากนี้ Chrome 101 ยังมีฟีเจอร์ลําดับความสําคัญในการดึงข้อมูล วิธีนี้ช่วยให้คุณบอกใบ้แก่เบราว์เซอร์ได้ว่าควรดาวน์โหลดทรัพยากรตามลำดับใดโดยใช้แอตทริบิวต์ fetchpriority ในตัวอย่างด้านล่าง รูปภาพที่มีลำดับความสำคัญต่ำจะระบุด้วย fetchpriority="low"

<img src="/images/in_viewport_but_not_important.svg" fetchpriority="low" alt="I'm an unimportant image!">

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

การรองรับเบราว์เซอร์

แหล่งที่มา

Firefox 99 มีพร็อพเพอร์ตี้ pdfViewerEnabled ของอินเทอร์เฟซ Navigator พร็อพเพอร์ตี้นี้ระบุว่าเบราว์เซอร์รองรับการแสดงไฟล์ PDF ในบรรทัดหรือไม่

if (!navigator.pdfViewerEnabled) {
  // The browser does not support inline viewing of PDF files.
}

การรองรับเบราว์เซอร์

แหล่งที่มา

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

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

เบต้าเวอร์ชันใหม่ในเดือนเมษายน ได้แก่ Chrome 102, Firefox 100 และ Safari 15.5

Chrome 102, Safari 15.5 และ Firefox เวอร์ชันตัวอย่างมีแอตทริบิวต์ inert ซึ่งจะนำองค์ประกอบออกจากลําดับแท็บและลําดับชั้นการช่วยเหลือพิเศษหากองค์ประกอบดังกล่าวไม่โต้ตอบ เช่น องค์ประกอบที่อยู่นอกหน้าจอหรือซ่อนอยู่

Chrome 102 มีค่าใหม่ until-found สำหรับแอตทริบิวต์ HTML hidden ซึ่งจะเปิดใช้การค้นหาในหน้าเว็บและเลื่อนไปยังข้อความที่ตัดตอนมาจากข้อความที่อยู่ภายในส่วนที่ยุบของหน้าเว็บ ดังที่คุณอาจพบในรูปแบบ Accordion ดูข้อมูลเพิ่มเติมได้ในโพสต์การทำให้เนื้อหาแบบยุบเข้าถึงได้โดยใช้ hidden=until-found

การรองรับเบราว์เซอร์

แหล่งที่มา

Chrome 102 ยังมี Local Font Access API ซึ่งอนุญาตให้เข้าถึงแบบอักษรที่ติดตั้งในเครื่องของผู้ใช้ด้วย

ฟีเจอร์เบต้าเหล่านี้จะพร้อมใช้งานในเบราว์เซอร์เวอร์ชันเสถียรในเร็วๆ นี้

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