หน้านี้ได้รับการแปลโดย 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() – a color notation for humans?

Browser Support

Source

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

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

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

Browser Support

Source

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

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

Browser Support

Source

การเปิดตัวเบราว์เซอร์เวอร์ชันเบต้า

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

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

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

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

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

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

ส่วนหนึ่งของซีรีส์ "เพิ่งเคยใช้เว็บ"