ใหม่ใน Chrome 120

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

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

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

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

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

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

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

แถมยังมีอีกมากมาย

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

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

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

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

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

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

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

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