חדש ב-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!