חדש ב-Chrome 114

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

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

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

text-wrap:balance.

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

הדגמה (דמו)

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

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

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

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

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

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

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

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

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

מעקב באתרים שונים הוא בעיה, אבל יש צרכים חוקיים של קובצי cookie באתרים שונים שאפשר להשיג אותם באופן ששומר על הפרטיות באמצעות חלוקה למחיצות (partitioning) בקובצי cookie.

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

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

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

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

ממשק ה-API של Popover.

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

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

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

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

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

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

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

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

קריאה נוספת

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

להרשמה

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

יו סויה אדריאנה ג'ארה, ומיד כש-Chrome 115 יושק, אהיה כאן כדי לספר לכם מה חדש ב-Chrome!