ใหม่ใน Chrome 120

Adriana Jara

สิ่งที่จำเป็นต้องทราบมีดังนี้

ฉันชื่อ Adriana Jara มาเจาะลึกกันเลยและดูว่ามีอะไรใหม่สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 120

CloseWatcher API

ฟีเจอร์สำคัญของคอมโพเนนต์โมดัลหรือป๊อปอัปคือ ปิดได้ง่ายและมีกลไกที่สอดคล้องกัน กลไกเหล่านี้เรียกว่าคำขอปิด ซึ่งโดยปกติจะเป็นคีย์ ESC ในแพลตฟอร์มเดสก์ท็อป และท่าทางสัมผัสหรือปุ่มย้อนกลับใน Android

นักพัฒนาเว็บไม่มีวิธีที่ดีในการจัดการคำขอปิดสำหรับคอมโพเนนต์ของตนเอง ปัญหานี้เป็นปัญหาโดยเฉพาะบนอุปกรณ์ Android ที่ลักษณะการปิดง่ายๆ สำหรับท่าทางสัมผัสเพื่อย้อนกลับนั้นค่อนข้างซับซ้อน

Chrome 120 นำโซลูชันนี้มาใช้ร่วมกับ CloseWatcher ซึ่งเป็น API ใหม่สำหรับการฟังและตอบสนองคำขอที่ปิดโดยตรง นอกจากนี้ยังรวมถึงการอัปเกรด <dialog> และ popover="" เพื่อใช้เฟรมเวิร์กคำขอปิดแบบใหม่ เพื่อให้ตอบสนองต่อปุ่มย้อนกลับของ Android ได้ด้วย

ดูการสาธิต CloseWatcher API เพื่อลองใช้

แอตทริบิวต์ชื่อ <details>

แอตทริบิวต์ name สำหรับองค์ประกอบ <details> ช่วยให้ใช้รูปแบบแอคคอร์เดียนได้ง่ายๆ โดยใช้ลำดับองค์ประกอบ HTML <details>

องค์ประกอบ <details> หลายรายการที่มี name เดียวกันอยู่ในกลุ่ม การตั้งค่านี้จะเปิดองค์ประกอบในกลุ่มดังกล่าวได้สูงสุด 1 องค์ประกอบพร้อมกัน

นี่คือตัวอย่างของกลุ่มที่ใช้ชื่อ cookies ร่วมกัน:

<details name="cookies">
  <summary>Chocolate chip</summary>
  Yum yum chocolate chip.
</details>
<details name="cookies">
  <summary>Snickerdoodle</summary>
   Yum yum snickerdoodle.
</details>
<details name="cookies">
  <summary>Maicenitas</summary>
   Yum yum maicenitas.
</details>
<details name="cookies">
  <summary>Sugar cookies</summary>
   Yum yum sugar cookies.
</details>

รายงานการละเมิดนโยบายสิทธิ์

รายงานการละเมิดนโยบายสิทธิ์พร้อมใช้งานแล้ว และรายงานเหล่านี้ผสานรวม Permissions Policy API ที่ช่วยให้นักพัฒนาซอฟต์แวร์ควบคุมฟีเจอร์ของเบราว์เซอร์ที่พร้อมใช้งานในหน้าเว็บ, iframe และทรัพยากรย่อยได้ด้วยการประกาศชุดนโยบายเพื่อให้เบราว์เซอร์บังคับใช้กับ Reporting API Reporting API มีกลไกการรายงานทั่วไปสำหรับเว็บแอปพลิเคชันเพื่อใช้จัดทำรายงานโดยขึ้นอยู่กับฟีเจอร์แพลตฟอร์มต่างๆ

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

การควบคุมฟีเจอร์ของเบราว์เซอร์ด้วยนโยบายสิทธิ์มีรายละเอียดเพิ่มเติมเกี่ยวกับการใช้งาน

และอีกมากมาย

แน่นอน ยังมีคำถามอีกมากมาย

  • การใช้งานการซ้อน CSS ที่ไม่เข้มงวดช่วยให้กฎของรูปแบบที่ฝังไว้เริ่มต้นด้วยองค์ประกอบ แทนที่จะรวมไว้ใน is() หรือต้องมีเครื่องหมาย "และ" ข้างหน้า

  • เมื่อใช้การดำเนินการ enterpictureinpicture ใน Media Session API เว็บไซต์จะสามารถลงทะเบียนเครื่องจัดการการดำเนินการซึ่งสามารถใช้เปิดหน้าต่างการแสดงภาพซ้อนภาพหรือเอกสารการแสดงภาพซ้อนภาพได้

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

อ่านเพิ่มเติม

ซึ่งจะกล่าวถึงไฮไลต์ที่สำคัญบางส่วนเท่านั้น โปรดไปที่ลิงก์ด้านล่างเพื่อดูการเปลี่ยนแปลงเพิ่มเติม ใน Chrome 120

สมัครใช้บริการ

โปรดติดตามช่อง YouTube สำหรับนักพัฒนาซอฟต์แวร์ Chrome และคุณจะได้รับการแจ้งเตือนทางอีเมลทุกครั้งที่เราเปิดตัววิดีโอใหม่

ขอขอบคุณ Adriana Jara ทีมของเราสุขสันต์วันหยุด และทันทีที่ Chrome 121 เปิดตัว เราจะแจ้งให้คุณทราบเกี่ยวกับสิ่งใหม่ๆ ใน Chrome