ใหม่ใน Chrome 120

Adriana Jara

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

ฉันชื่อ 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