สำรวจฟีเจอร์ที่น่าสนใจบางส่วนซึ่งมีอยู่ในเว็บเบราว์เซอร์เวอร์ชันเสถียรและเวอร์ชันเบต้าในช่วงเดือนพฤษภาคม 2022
เบราว์เซอร์เวอร์ชันเสถียร
ในเดือนพฤษภาคม Chrome 102, Safari 15.5, Firefox 100 และ Firefox 101 มีความเสถียร
Chrome 102 และ Safari 15.5 มีแอตทริบิวต์ inert การดำเนินการนี้จะนำองค์ประกอบออกจากลำดับแท็บและโครงสร้างการช่วยเหลือพิเศษหากองค์ประกอบเหล่านั้นไม่มีการโต้ตอบ เช่น องค์ประกอบที่ไม่ได้อยู่ในหน้าจอหรือซ่อนอยู่
Chrome 102 มีค่าใหม่ until-found สำหรับแอตทริบิวต์ HTML hidden การดำเนินการนี้จะเปิดใช้การค้นหาในหน้าและเลื่อนไปยังส่วนข้อความในข้อความที่อยู่ภายในพื้นที่ยุบของหน้า ดังที่คุณอาจพบในรูปแบบแอคคอร์เดียน ดูข้อมูลเพิ่มเติมได้ในโพสต์การทำให้เนื้อหาที่ยุบเข้าถึงได้ด้วย hide=until-found
Chrome 102 จะจัดส่ง Navigation API ซึ่งเป็น API ที่สร้างมาตรฐานให้กับการกำหนดเส้นทางฝั่งไคลเอ็นต์ในแอปพลิเคชันหน้าเว็บเดียว API นี้มีชื่อว่า App History API ก่อนหน้านี้
Firefox 101 สนับสนุนสไตล์ชีตที่สร้างได้ การสนับสนุนรวมถึงเครื่องมือสร้าง CSSStyleSheet(), เมธอด replace() และ replaceSync() สไตล์ชีตที่สร้างได้ช่วยให้การสร้างสไตล์ชีตสำหรับใช้กับ Shadow DOM เป็นเรื่องง่าย ในตัวอย่างต่อไปนี้ สไตล์ชีตสร้างขึ้นโดยใช้ตัวสร้าง CSSStyleSheet() ระบบจะเพิ่มกฎ CSS ด้วยเมธอด replaceSync() และพิมพ์กฎที่ได้ไปยังคอนโซล
const stylesheet = new CSSStyleSheet();
stylesheet.replaceSync('body { color: red; }');
console.log(stylesheet.rules[0].cssText);
นอกจากนี้ใน Firefox 101 ยังเป็นฟีเจอร์สื่อของ prefers-contrast อีกด้วย ทําให้ฟีเจอร์นี้ใช้งานได้ข้ามเบราว์เซอร์
เบราว์เซอร์รุ่นเบต้า
เบราว์เซอร์รุ่นเบต้าช่วยให้คุณมีตัวอย่างของสิ่งที่จะอยู่ในเบราว์เซอร์เวอร์ชันเสถียรถัดไป ตอนนี้เป็นเวลาที่เหมาะแก่การทดสอบฟีเจอร์ใหม่หรือการนำออกที่อาจส่งผลต่อเว็บไซต์ก่อนที่โลกจะเปิดตัว
รุ่นเบต้าใหม่ในเดือนเมษายนคือ Chrome 103 และ Firefox 102
Firefox 102 มีฟีเจอร์สื่อ update ข้อมูลนี้ใช้เพื่อค้นหาว่าอุปกรณ์เอาต์พุตจะแก้ไขรูปลักษณ์ของเนื้อหาได้หรือไม่เมื่อแสดงผลแล้ว และยอมรับค่าต่อไปนี้
none- เมื่อแสดงผลแล้วจะอัปเดตเนื้อหาไม่ได้ เช่น เอกสารที่พิมพ์
slow- อุปกรณ์อัปเดตเนื้อหาได้ แต่ช้าเกินกว่าที่จะแสดงภาพเคลื่อนไหวที่ราบรื่น เช่น หน้าจอ E-ink
fast- เนื้อหาเปลี่ยนแปลงได้แบบไดนามิกและเร็วพอที่จะแสดงผลภาพเคลื่อนไหว เช่น หน้าจอคอมพิวเตอร์หรือโทรศัพท์
Chrome 103 มี Local Font Access API ซึ่งช่วยให้เข้าถึงแบบอักษรที่ติดตั้งอยู่ในเครื่องของผู้ใช้ได้
ฟีเจอร์เบต้าเหล่านี้จะเข้าสู่เบราว์เซอร์ที่เสถียรในเร็วๆ นี้
แก้ไข: เวอร์ชันก่อนหน้าของโพสต์นี้มีการพูดถึงเมธอด Element.isVisible() ซึ่งไม่มีการจัดส่งในรุ่นนี้
ส่วนหนึ่งของซีรีส์ใหม่สำหรับเว็บซีรีส์