สิ่งที่จำเป็นต้องทราบมีดังนี้
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!">
อ่านเพิ่มเติมเกี่ยวกับกรณีการใช้งานต่างๆ ได้ในเพิ่มประสิทธิภาพการโหลดทรัพยากรด้วย Fetch Priority API
นอกจากนี้ ในรุ่นนี้ยังมี
มีเมธอดใหม่ของ forget() สำหรับออบเจ็กต์ USBDevice ซึ่งจะช่วยให้ลืมอุปกรณ์ที่เคยได้รับสิทธิ์ไปแล้วได้ เช่น หากเป็นแอปพลิเคชันที่ใช้ในคอมพิวเตอร์ที่ใช้ร่วมกันกับอุปกรณ์หลายเครื่อง
นอกจากนี้ สำหรับ Web USB ยังมีการแก้ไขเพื่อรองรับ [SameObject] สำหรับแอตทริบิวต์ที่เกี่ยวข้องภายใน USBDevice ดูการเปลี่ยนแปลงข้อกำหนดได้ในคำขอส่งการเปลี่ยนแปลง (PR) ไปยังข้อกำหนดฉบับร่าง
ระบบจะไม่ถือว่า Dedicated Worker ที่โหลดจากต้นทางที่ปลอดภัย (HTTPS) แต่สร้างขึ้นโดยบริบทที่ไม่ปลอดภัย (ไม่ใช่ HTTPS) ปลอดภัยอีกต่อไป ซึ่งหมายความว่าในบริบทของ Worker ดังกล่าว
- self.isSecureContext ตอนนี้คือ false
- self.caches และ self.storageFoundation ไม่พร้อมให้บริการแล้ว
อาร์กิวเมนต์ popup สำหรับ window.open() จะประเมินเป็น true ตามการเปลี่ยนแปลงล่าสุดในข้อกำหนดสำหรับการแยกวิเคราะห์อาร์กิวเมนต์นี้ ก่อนหน้านี้ เมื่อตั้งค่า popup เท่ากับ true ระบบจะตีความ window.open() ว่าหมายถึง false การเปลี่ยนแปลงนี้จะช่วยให้ใช้และทำความเข้าใจฟีเจอร์บูลีนได้ง่ายขึ้น
อ่านเพิ่มเติม
ซึ่งเป็นเพียงไฮไลต์สำคัญบางส่วนเท่านั้น ดูการเปลี่ยนแปลงเพิ่มเติมใน Chrome 101 ได้ที่ลิงก์ด้านล่าง