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

สำรวจฟีเจอร์ที่น่าสนใจบางส่วนซึ่งมีอยู่ในเว็บเบราว์เซอร์เวอร์ชันเสถียรและเวอร์ชันเบต้าในช่วงเดือนเมษายน 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 การดำเนินการนี้จะเปิดใช้การค้นหาในหน้าและเลื่อนไปยังส่วนข้อความในข้อความที่อยู่ภายในพื้นที่ยุบของหน้า ดังที่คุณอาจพบในรูปแบบแอคคอร์เดียน ดูข้อมูลเพิ่มเติมได้ในโพสต์การทำให้เนื้อหาที่ยุบเข้าถึงได้ด้วย hide=until-found

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

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

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