חדש ב-Chrome 120

Adriana Jara

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

קוראים לי 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 יוצרים קבוצה. בהגדרה הזו, אפשר לפתוח רק רכיב אחד בקבוצה הזו בכל פעם.

דוגמה לקבוצה עם השם 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 פועלים להוצאה משימוש של קובצי cookie של צד שלישי. בינואר יתחיל ניסוי שעשוי להשפיע על האתר שלכם, לכן חשוב לעיין במאמר הכנה לקראת סיום השימוש בקובצי Cookie של צד שלישי כדי לקבל מידע על בדיקה ועל שלבים לצמצום ההשפעה.

קריאה נוספת

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

להרשמה

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

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