สิ่งที่จำเป็นต้องทราบมีดังนี้
- CloseWatcher API ช่วยให้ได้รับประสบการณ์ที่สอดคล้องกันเมื่อจัดการคำขอที่ปิด
- ใช้รูปแบบแอคคอร์เดียนได้ง่ายๆ โดยใช้องค์ประกอบ
<details>
- รายงานการละเมิดนโยบายสิทธิ์พร้อมใช้งานแล้ว
- นอกจากนี้ยังมีอื่นๆ อีกมากมาย
ฉันชื่อ 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
- มีอะไรใหม่ใน Chrome DevTools (120)
- การเลิกใช้งานและการนำ Chrome 120 ออก
- การอัปเดต ChromeStatus.com สำหรับ Chrome 120
- รายการเปลี่ยนแปลงที่เก็บของแหล่งที่มา Chromium
- ปฏิทินการเผยแพร่ Chrome
สมัครใช้บริการ
โปรดติดตามช่อง YouTube สำหรับนักพัฒนาซอฟต์แวร์ Chrome และคุณจะได้รับการแจ้งเตือนทางอีเมลทุกครั้งที่เราเปิดตัววิดีโอใหม่
ขอขอบคุณ Adriana Jara ทีมของเราสุขสันต์วันหยุด และทันทีที่ Chrome 121 เปิดตัว เราจะแจ้งให้คุณทราบเกี่ยวกับสิ่งใหม่ๆ ใน Chrome