חדש ב-Chrome 120

Adriana Jara

דברים שעליך לדעת:

שמי אדריאנה ג'ארה. בואו נראה מה חדש למפתחים ב-Chrome 120.

ממשק ה-API שלCloseWatcher.

תכונה חשובה של רכיבי חלון קופץ או חלון קופץ היא שקל לסגור אותם, באמצעות מנגנון עקבי לכך. המנגנונים האלה נקראים בקשות סגירה. הם בדרך כלל מקש ESC בפלטפורמות שולחן עבודה, והתנועת 'חזרה' או לחצן 'הקודם' ב-Android.

למפתחי אתרים לא הייתה דרך טובה לטפל בבקשות סגירה של הרכיבים שלהם. הדבר בעייתי במיוחד במכשירי Android, שבהם תהליך הסגירה פשוט של תנועת 'הקודם' הוא די מורכב.

Chrome 120 כולל את הפתרון עםCloseWatcher, ממשק API חדש להאזנה ישירה לבקשות סגירה ולתגובה לבקשות סגירה. הוא כולל גם שדרוגים ל-<dialog> ול-popover="" לשימוש במסגרת החדשה של בקשות הסגירה, כך שהם יגיבו ללחצן 'הקודם' ב-Android.

רוצים לנסות את ההדגמה שלCloseWatcher API?

מאפיין שם אחד (<details>)

המאפיין name של האלמנט <details> מאפשר להטמיע בקלות את דפוס האקורדיון באמצעות רצף של <details> רכיבי HTML.

קבוצה של אלמנטים של <details> עם אותו name יוצרים קבוצה. בהגדרה הזו אפשר לפתוח בבת אחת לכל היותר רכיב אחד מהקבוצה.

הנה דוגמה עם קבוצה שחולקים את השם 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. בעזרת ה-API הזה, המפתחים יכולים לשלוט בתכונות הדפדפן שזמינות לדף, למסגרות ה-iframe ולמשאבי המשנה שלו. לשם כך, עליהם להצהיר על קבוצת כללי מדיניות שהדפדפן צריך לאכוף באמצעות Reporting API. Reporting API מספק מנגנון דיווח כללי לאפליקציות אינטרנט, שאפשר להשתמש בו כדי להפוך דוחות לזמינים על סמך מספר תכונות בפלטפורמה.

השילוב הזה של ה-Permissions Policy API עם Reporting API מאפשר למפתחי אתרים להגדיר נקודות קצה, שאליהן יישלחו דוחות על הפרות של מדיניות ההרשאות. כך בעלי האתרים יוכלו לראות מתי התבקשו תכונות שאסורות לשימוש בדפים שלהם בשדה.

המאמר שליטה בתכונות הדפדפן באמצעות מדיניות ההרשאות כולל פרטים נוספים על ההטמעה.

ופעולות נוספות.

כמובן שיש עוד המון אפשרויות.

  • יישום של קינון CSS פשוט מאפשר לכללי סגנון מקוננים להתחיל ברכיב, במקום להקיף אותם ב-is() או לדרוש אמפרסנד לפניהם.

  • באמצעות הפעולה enterpictureinpicture ב-Media Session API, אתרים יכולים לרשום handler של פעולות כדי לפתוח חלון מסוג 'תמונה בתוך תמונה' או 'תמונה בתוך תמונה' במסמך.

  • תזכורת: ב-Chrome אנחנו מוציאים משימוש קובצי cookie של צד שלישי. בחודש ינואר יתחיל ניסוי שעשוי להשפיע על האתר שלכם, לכן חשוב לבדוק את המאמר הכנה לקראת הפסקת השימוש בקובצי cookie של צד שלישי לצורך ביקורת וצמצום השלבים.

קריאה נוספת

המאמר הזה מתייחס רק לחלק מההדגשות העיקריות. בקישורים שבהמשך תוכלו למצוא שינויים נוספים ב-Chrome 120.

להרשמה

כדי להתעדכן, הירשמו לערוץ YouTube של מפתחי Chrome, ותקבלו התראה באימייל בכל פעם שנשיק סרטון חדש.

היי אדריאנה ג'ארה, הצוות שלנו מאחל לך חג שמח! ברגע ש-Chrome 121 יושק, אהיה כאן כדי לספר לך מה חדש ב-Chrome!