สิ่งที่จำเป็นต้องทราบมีดังนี้
- รูปแบบสี
hwb()เป็นวิธีใหม่ในการระบุสีตามโทนสี สีขาว และสีดำ - ลำดับความสำคัญในการดึงข้อมูล ช่วยให้คุณแนะนำเบราว์เซอร์ว่าควรดาวน์โหลดทรัพยากรตามลำดับใด
- นอกจากนี้ยังมีอื่นๆ อีกมากมาย
มาดูสิ่งที่พร้อมให้บริการใน Chrome 101 กัน
สัญลักษณ์สี hwb()
อธิบายในบทความของ Stefan Judis ว่าเป็น "สัญกรณ์สีสำหรับมนุษย์" ว่า hwb() ระบุสีตามโทนสี สีขาว และสีดำ เช่นเดียวกับเครื่องหมายสีอื่นๆ องค์ประกอบอัลฟ่าที่เป็นตัวเลือกจะระบุความทึบแสง
h1 {
color: hwb(194 0% 0% / .5) /* #00c3ff with 50% opacity */
}
ขณะนี้วิธีการระบุสีได้รับการรองรับเป็นอย่างดีแล้ว โดย Firefox รองรับจากเวอร์ชัน 96 และ Safari จากเวอร์ชัน 15
ลำดับความสำคัญของการดึงข้อมูล
ลำดับความสำคัญในการดึงข้อมูลช่วยแนะนำเบราว์เซอร์ว่าควรดาวน์โหลดทรัพยากรตามลำดับใดโดยใช้แอตทริบิวต์ fetchpriority ค่านี้ยอมรับค่าของ "high", "low" และ "auto"
"high": คุณถือว่าทรัพยากรมีความสำคัญสูงและต้องการให้เบราว์เซอร์จัดลำดับความสำคัญของทรัพยากรตราบใดที่การใช้การเรียนรู้ของเบราว์เซอร์ไม่สามารถป้องกันปัญหาดังกล่าวได้"low": คุณถือว่าทรัพยากรมีลำดับความสำคัญต่ำ และต้องการให้เบราว์เซอร์ลดลำดับความสำคัญของทรัพยากรลงหากวิธีการเรียนรู้ของทรัพยากรนั้นอนุญาต"auto": ค่านี้เป็นค่าเริ่มต้นที่ช่วยให้เบราว์เซอร์กำหนดลำดับความสำคัญที่เหมาะสมได้
ในตัวอย่างด้านล่าง รูปภาพที่มีลำดับความสำคัญต่ำจะระบุด้วย fetchpriority="low"
<img src="/images/in_viewport_but_not_important.svg" fetchpriority="low" alt="I'm an unimportant image!">
อ่านเพิ่มเติมเกี่ยวกับกรณีการใช้งานต่างๆ ในเพิ่มประสิทธิภาพการโหลดทรัพยากรด้วย API ลำดับความสำคัญในการดึงข้อมูล
ในรุ่นนี้เช่นกัน
มีเมธอดใหม่ของ forget() สำหรับออบเจ็กต์ USBDevice รายการ ซึ่งจะทำให้ลืมอุปกรณ์ที่เคยได้รับสิทธิ์ไว้ก่อนหน้านี้ได้ ตัวอย่างเช่น หากเป็นแอปพลิเคชันที่ใช้บนคอมพิวเตอร์ที่ใช้ร่วมกับอุปกรณ์หลายเครื่อง
นอกจากนี้ สำหรับ Web USB การแก้ไขเพื่อรองรับ [SameObject] สำหรับแอตทริบิวต์ที่เกี่ยวข้องภายใน USBDevice ดูการเปลี่ยนแปลงข้อกําหนดได้ใน PR ถึงข้อกําหนดฉบับร่าง
ผู้ปฏิบัติงานเฉพาะที่โหลดจากต้นทางที่ปลอดภัย (HTTPS) แต่มีการสร้างอินสแตนซ์จากบริบทที่ไม่ปลอดภัย (ไม่ใช่ HTTPS) จะไม่ถือว่ามีความปลอดภัยอีกต่อไป ซึ่งหมายความว่าในบริบทของผู้ปฏิบัติงานข้างต้น
- ตอนนี้ self.isSecureContext เปลี่ยนเป็น false
- self.caches และ self.storageFoundation ไม่มีให้บริการแล้ว
ตอนนี้อาร์กิวเมนต์ popup สำหรับ window.open() ประเมินเป็น true ตามการเปลี่ยนแปลงล่าสุดในข้อกำหนดสำหรับการแยกวิเคราะห์อาร์กิวเมนต์นี้ ก่อนหน้านี้เมื่อตั้งค่า popup เป็น "จริง" window.open() จะได้รับการแปลค่าเป็น "false" การเปลี่ยนแปลงนี้ช่วยให้ใช้งานและเข้าใจฟีเจอร์บูลีนได้ง่ายขึ้น
อ่านเพิ่มเติม
ซึ่งจะกล่าวถึงไฮไลต์ที่สำคัญบางส่วนเท่านั้น ตรวจสอบลิงก์ด้านล่างเพื่อดูการเปลี่ยนแปลงเพิ่มเติมเกี่ยวกับ Chrome 101