สิ่งที่จำเป็นต้องทราบมีดังนี้
- CloseWatcher API ช่วยให้ได้รับประสบการณ์การใช้งานที่สอดคล้องกันเมื่อจัดการคำขอปิด
- ใช้รูปแบบ Accordion ได้อย่างง่ายดายโดยใช้องค์ประกอบ
<details>
- รายงานการละเมิดนโยบายสิทธิ์พร้อมใช้งานแล้ว
- และยังมีอีกมากมาย
ฉันชื่อ Adriana Jara มาดูกันว่ามีอะไรใหม่สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 120
CloseWatcher API
ฟีเจอร์สําคัญของคอมโพเนนต์โมดอลหรือป๊อปอัปคือปิดได้ง่ายด้วยกลไกที่สอดคล้องกัน กลไกเหล่านั้นเรียกว่าคําขอปิด ซึ่งมักจะเป็นแป้น ESC
ในแพลตฟอร์มเดสก์ท็อป และท่าทางสัมผัสหรือปุ่มย้อนกลับใน Android
นักพัฒนาเว็บไม่มีวิธีที่ดีในการจัดการคำขอปิดสำหรับคอมโพเนนต์ของตัวเอง ปัญหานี้เกิดขึ้นได้บ่อยในอุปกรณ์ Android เนื่องจากการกำหนดลักษณะการปิดแบบง่ายสำหรับท่าทางสัมผัส "กลับ" นั้นค่อนข้างซับซ้อน
Chrome 120 มีโซลูชันนี้ด้วย CloseWatcher ซึ่งเป็น API ใหม่ที่คอยฟังและตอบสนองต่อคำขอปิดโดยตรง รวมถึงการอัปเกรด <dialog>
และ popover=""
เพื่อใช้เฟรมเวิร์กคำขอปิดใหม่เพื่อให้ตอบสนองต่อปุ่มย้อนกลับของ Android
ลองดูการสาธิต CloseWatcher API
<details>
name attribute
แอตทริบิวต์ name
สำหรับองค์ประกอบ <details>
ช่วยให้ใช้รูปแบบ Accordion ได้ง่ายโดยใช้ลำดับองค์ประกอบ 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 มีกลไกการรายงานทั่วไปสําหรับเว็บแอปพลิเคชันเพื่อใช้สร้างรายงานตามฟีเจอร์ต่างๆ ของแพลตฟอร์ม
การผสานรวม Permissions Policy API กับ Reporting API นี้ช่วยให้นักพัฒนาเว็บกำหนดค่าอุปกรณ์ปลายทางที่จะส่งรายงานการละเมิดนโยบายสิทธิ์ ซึ่งช่วยให้เจ้าของเว็บไซต์ทราบเมื่อมีการขอฟีเจอร์ที่ไม่ได้รับอนุญาตสำหรับหน้าเว็บของตนในช่อง
การควบคุมฟีเจอร์ของเบราว์เซอร์ด้วยนโยบายสิทธิ์มีรายละเอียดการใช้งานเพิ่มเติม
และอีกมากมาย
แน่นอนว่ายังมีอีกมากมาย
การใช้การฝัง CSS แบบผ่อนปรนช่วยให้กฎสไตล์ที่ฝังอยู่ขึ้นต้นด้วยองค์ประกอบได้ แทนที่จะตัดขึ้นบรรทัดใหม่ด้วย
is()
หรือต้องมีเครื่องหมายแอมเปอร์แซนด์อยู่ด้านหน้าเมื่อใช้การดำเนินการ
enterpictureinpicture
ใน Media Session API เว็บไซต์จะลงทะเบียนตัวแฮนเดิลการดำเนินการได้ ซึ่งสามารถใช้เพื่อเปิดหน้าต่างการแสดงภาพซ้อนภาพหรือการแสดงภาพซ้อนภาพเอกสารและโปรดทราบว่า Chrome กำลังเลิกใช้งานคุกกี้ของบุคคลที่สาม การทดสอบที่อาจส่งผลต่อเว็บไซต์ของคุณจะเริ่มขึ้นในเดือนมกราคม คุณจึงควรดูการเตรียมพร้อมสําหรับการสิ้นสุดการใช้งานคุกกี้ของบุคคลที่สามเพื่อดูขั้นตอนการตรวจสอบและลดผลกระทบ
อ่านเพิ่มเติม
ข้อมูลนี้เป็นเพียงไฮไลต์สำคัญบางส่วนเท่านั้น ดูการเปลี่ยนแปลงเพิ่มเติมใน Chrome 120 ได้ที่ลิงก์ด้านล่าง
- มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome (120)
- การเลิกใช้งานและการนำออกใน Chrome 120
- การอัปเดต ChromeStatus.com สำหรับ Chrome 120
- รายการการเปลี่ยนแปลงที่เก็บข้อมูลซอร์สโค้ด Chromium
- ปฏิทินการเผยแพร่ของ Chrome
สมัครใช้บริการ
หากต้องการติดตามข่าวสารล่าสุด โปรดติดตามช่อง YouTube ของนักพัฒนาซอฟต์แวร์ Chrome แล้วคุณจะได้รับอีเมลแจ้งเตือนทุกครั้งที่เราเปิดตัววิดีโอใหม่
ฉันชื่อ Adriana Jara ทีมของเราขออวยพรให้มีความสุขในช่วงวันหยุด และทันทีที่ Chrome 121 เปิดตัว เราจะมาแจ้งให้ทราบถึงข่าวสารใหม่ๆ ใน Chrome