חדש ב-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 של צד שלישי.

ממשק ה-API של Popover.

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

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

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

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

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

ועוד.

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

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

קריאה נוספת

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

להרשמה

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

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