חדש ב-Chrome 127

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

  • font-size-adjust עוזר לשפר את הקריאוּת של גופנים חלופיים.
  • עכשיו, הפעלות של משתמשים מופצות בין מסמכים במצב 'תמונה בתוך תמונה' לבין הפתיחה שלהם.
  • עכשיו ניתן להתמקד במאגרים לגלילה כברירת מחדל.
  • ויש עוד הרבה עוד.

אני אדריאנה ג'ארה. אנחנו מזמינים אותך לבחון מה חדש אצל המפתחים בגרסה 127 של Chrome.

שירות CSS: font-size-adjust

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

בתמונה הבאה מוצג ההבדל בין הגופנים Verdana לבין ה-Times, אפילו שהטקסט זהה.

שורות טקסט שכתוב בהן: 'הטקסט הזה משתמש בגופן verdana (14 פיקסלים), שמכיל אותיות קטנות גדולות יחסית' ו'יש שימוש בגופן Times (14px), שקשה לקרוא אותו בגדלים קטנים'

אם משתמשים באתר שלכם בגופן Times, קשה מאוד לקרוא אותו.

מאפיין ה-CSS font-size-adjust עוזר לשנות את גודל הגופן של גופנים חלופיים כדי לשמור על עקביות בערך הגובה-רוחב (גובה של אותיות קטנות חלקי גודל הגופן) כדי להבטיח שהטקסט ייראה דומה ללא קשר לגופן שבו נעשה שימוש.

בתמונה הבאה, השימוש בגופנים מסוג font-size-Adjustment שומר על הקריאוּת בין הגופנים Verdana ו-Time.

   font-size-adjust: 0.545;

שורות טקסט עם הכיתוב 'הטקסט הזה משתמש בגופן verdana (14 פיקסלים), שמכיל אותיות קטנות גדולות יחסית', 'הטקסט הזה משתמש בגופן Times (14px), שקשה לקרוא אותו בגדלים קטנים' וגם 'הטקסט הזה בגופן 14px Times מותאם לאותו ערך גובה-רוחב כמו הגופן Verdana, כך שהגופנים באותיות קטנות מנורמלים בין שני הגופנים

לאחר ההשקה של font-size-adjust ב-Chrome, התכונה הזו הופכת לזמינה חדשה בשירות Baseline. ניתן לקרוא את הפרטים במאמר שינוי גודל font-size של CSS זמין עכשיו ב-Baseline.

מסמך במצב 'תמונה בתוך תמונה': הפצה של הפעלת המשתמש

ממשק ה-API של מסמך 'תמונה בתוך תמונה' מפיץ עכשיו הפעלות של משתמשים בין חלון 'תמונה בתוך תמונה' של המסמך לכלי הפתיחה שלו.

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

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

לקבלת פרטים נוספים, כדאי להיכנס אל תמונה בתוך תמונה לכל רכיב, ולא רק ל-<video>.

מאגרי גלילה שניתן להתמקד בהם במקלדת.

חשוב שכל מאגרי הגלילה יהיו נגישים יותר במקלדת כדי שהגלילה והתוכן בתוך הגלילה יהיו נגישים יותר לכל המשתמשים.

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

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

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

מידע נוסף זמין במאמר בנושא גלילות שניתן להתמקד בהן במקלדת

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

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

  • עכשיו אפשר לגשת למעברים בו-זמנית של תצוגה באותו מסמך במסגרת ראשית וב-iframe ממקור זהה.

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

  • חלונית הביצועים של DevTools מתעדת עכשיו אירועים של הודעות WebSocket ומציגה אותם במעקב הביצועים.

הערות מוצר מלאות

קריאה נוספת

הנושאים האלה כוללים רק חלק מהעדכונים העיקריים. בקישורים הבאים ניתן למצוא מידע על שינויים נוספים בגרסה 127 של Chrome.

להרשמה

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

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