חדש ב-Chrome 114

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

  • אפשר להשתמש ב-CSS text-wrap: balance כדי לשפר את הפריסות של הטקסט.
  • כאן מוצגים קובצי cookie שמחולקים לפי אתר ברמה העליונה (CHIPS).
  • קל יותר מתמיד להשתמש בחלונות קופצים עם Popover API.
  • ויש עוד הרבה יותר.

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

text-wrap:balance.

משתמשים ב-text-wrap: balance כדי לשפר את הפריסות של הטקסט. אנימציה שמראה את ההבדל שאפשר להשיג באמצעות השורה הזו.

צפייה בהדגמה

כמפתחים, אתם לא יודעים מה יהיה הגודל הסופי, גודל הגופן או אפילו השפה של הטקסט. כל המשתנים נדרשים כדי לטפל ביעילות בגלישת הטקסט. מכיוון שהדפדפן מכיר את כל הגורמים, בעזרת text-wrap:balance אפשר לבקש מהדפדפן למצוא את הפתרון הטוב ביותר לאיזון של גלילת שורות.

שתי הדוגמאות הקודמות מוצגות יחד, אחת מסומנת כבלתי מאוזנת והשנייה כמאוזנת.

בלוק הטקסט המאוזן נעים יותר לעין של הקורא. הוא מושך יותר את תשומת הלב וקל יותר לקרוא אותו באופן כללי.

איזון בין כותרות הוא תרחיש השימוש העיקרי של text-wrap: balance, וזה מה שצריך לעשות. יש עלות ביצועים לאיזון הטקסט, ולכן כדי לצמצם את העלות, אפשר להשתמש בתכונה הזו רק במודעות עם עד ארבע שורות.

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

CHIPS: קובצי Cookie עם חלוקה עצמאית למחיצות.

CHIPS (קובצי Cookie עם חלוקה עצמאית למחיצות), מאפשרת להביע הסכמה לחלוקה של קובצי Cookie של צד שלישי לפי אתר ברמה העליונה באמצעות מאפיין ה-Cookie החדש Partitioned.

לפני CHIPS, כשמשתמש מבקר באתר א', אתר מוטמע ג' יכול להגדיר קובץ cookie במחשב של המשתמש. אם לאחר מכן המשתמש יבקר באתר ב', שבו אתר ג' מוטמע גם כן, אתר ג' יוכל לגשת לאותו קובץ cookie שהוגדר באתר א'. כך האתר C יכול לאסוף את פעילות הגלישה של המשתמש באתרים א', ב' ובכל אתר שבו הוא מוטמע.

תרשים שבו מוצגים אתרים ואחסון עם קובצי cookie ללא חלוקה למחיצות.

למרות שמדובר בבעיה, יש צורך לגיטימי בקובצי cookie בכמה אתרים, ואפשר להשיג אותו תוך שמירה על הפרטיות באמצעות חלוקה של קובצי cookie.

כשמשתמשים ב-CHIPS, כשמשתמש נכנס לאתר א' ותוכן מוטמע מאתר ג' מגדיר קובץ cookie עם המאפיין Partitioned, קובץ ה-cookie נשמר בקובץ jar מפוצל רק עבור קובצי cookie שהאתר ג' מגדיר כשהוא מוטמע באתר א'. הדפדפן ישלח את קובץ ה-cookie הזה רק כשהאתר ברמה העליונה הוא A.

תרשים שבו מוצגים אתרים ואחסון מפולח עם קובצי cookie.

כשהמשתמש יבקר באתר חדש, למשל אתר ב', אתר ג' לא יקבל את קובץ ה-Cookie שהוגדר כשג' היה מוטמע באתר א'.

במאמר הזה מוסבר בהרחבה על התהליך להוצאה משימוש של קובצי cookie של צד שלישי.

Popover API.

בעזרת Popover API קל יותר ליצור רכיבים זמניים של ממשק משתמש (UI) שמוצגים מעל כל שאר רכיבי ממשק המשתמש של אפליקציות אינטרנט.

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

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

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

מידע נוסף זמין במאמר הזה.

ועוד.

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

  • בעזרת DevTools אפשר להשהות ולנתח באגים בקוד C ו-C++ באפליקציות WebAssembly עם תמיכה ב-DWARF.
  • האפשרות exclusionFilters בקטע navigator.bluetooth.requestDevice() מאפשרת למפתחי אתרים להחריג מכשירים מסוימים מבורר הדפדפנים.
  • יש גרסת מקור לניסיון של טשטוש הרקע.

קריאה נוספת

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

להרשמה

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

קוראים לי Adriana Jara, ואחרי שגרסת Chrome 115 תפורסם, אספר לכם מה חדש ב-Chrome!