ใหม่ใน Chrome 120

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

ฉันชื่อ 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 ได้ที่ลิงก์ด้านล่าง

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

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

ฉันชื่อ Adriana Jara ทีมของเราขออวยพรให้มีความสุขในช่วงวันหยุด และทันทีที่ Chrome 121 เปิดตัว เราจะมาแจ้งให้ทราบถึงข่าวสารใหม่ๆ ใน Chrome