תאריך פרסום: 20 במאי 2025
בכנס Google I/O 2025, הצגנו תכונות חדשות שיעזרו לכם לשפר את הפרודוקטיביות ולבנות אתרים מתקדמים, חלקים ומודרניים יותר.
ריכזנו כאן 10 חידושים מרכזיים שיעזרו לכם לקבל השראה לפרויקט הבא.
1. קל יותר מתמיד ליצור קרוסלות באמצעות כמה שורות של CSS ו-HTML
יצירת קרוסלות יפות באמצעות CSS שיהיו אינטראקטיביות כבר מהרגע הראשון שהן מוצגות. ב-Chrome 135 הושקו פרימיטיבים חדשים של CSS – פיצול שניתן לעיצוב, רכיבי סמן גלילה ולחצני גלילה – שמפשטים את יצירת הקרוסלה בלי JavaScript. אפשר להשתמש במושגים מוכרים של CSS כדי ליצור קרוסלות עשירות, אינטראקטיביות, חלקות ונגישות יותר, תוך חלק קטן מהזמן.
2. חלונות קופצים הצהרתיים: הכירו את Interest Invoker API החדש
ה-API הניסיוני Interest Invoker זמין כניסוי מקור.
התכונה הזו מאפשרת להפעיל או להשבית באופן הצהרתי את חלונות הקופצים כשעניין המבקרים פעיל למשך זמן קצר. המאפיין [title], שלא ניתן להגדיר לו סגנון, יצא משימוש. מעכשיו אפשר להשתמש במאפיין [title].[interesttarget] אפשר לשלב אותו עם Anchor Positioning API ועם Popover API כדי ליצור רכיבי ממשק משתמש עשירים, רספונסיביים ואינטראקטיביים כמו תיאורי כלים או כרטיסים שמופיעים כשמעבירים את העכבר מעליהם, בלי JavaScript. האפשרויות הן אינסופיות עם CSS מודרני!
3. יש כמה ממשקי AI API מובנים שמשתמשים במודלים מובילים של מודלים בסיסיים. עכשיו יש גם יכולות מולטי-מודאליות ב-Prompt API.
אנחנו ממשיכים לשפר את ה-AI המובנה, כדי לספק לכם פרטיות משופרת, חביון מופחת ועלויות נמוכות יותר, וגם גישה לפלט באיכות גבוהה שנוצר על ידי AI. ה-AI המובנה משתמש במודלים מומחים וב-Gemini Nano, המודל הכי יעיל של Google, לביצוע משימות במכשיר. החל מגרסה Chrome 138, Summarizer API, Language Detector API, Translator API ו-Prompt API לתוספי Chrome זמינים בגרסה יציבה. בנוסף, Writer API ו-Rewriter API זמינים בגרסאות מקור לניסיון.
ה-API החדש של הכלי להגהה, יחד עם Prompt API עם יכולות מולטימודאליות, זמינים ב-Chrome Canary.
כדי לקבל את המידע העדכני ביותר, אתם יכולים להצטרף לתוכנית הגישה המוקדמת ולעזור לנו לפתח ממשקי API חדשים של AI מובנה ולעצב את עתיד ה-AI באינטרנט.
4. AI בצד הלקוח מתרחב עם Firebase ו-Gemini Developer API כדי לספק פתרון AI היברידי
השותפות שלנו עם Firebase ו-Gemini Developer API מאפשרת לכם עכשיו ליצור חוויות אינטרנט מבוססות-AI בנייד ובמחשב. האפליקציות האלה משתמשות ב-AI בצד הלקוח כשאפשר, ועוברות בצורה חלקה ל-AI בצד השרת כדי להגיע לכל המכשירים והדפדפנים. החל מהיום, Firebase AI Logic מספק גישה חלקה ל-Prompt API המובנה של Chrome, שמבוסס על Gemini Nano ומודלים קטנים דומים בצד השרת באמצעות Gemini Developer API.
5. כלי פיתוח מבוססי-AI ב-Chrome תומכים בתהליך העבודה של ניפוי הבאגים, כולל סגנון, ביצועים ועוד
עם עזרה מבוססת-AI, אתם יכולים לנהל שיחה עם Gemini כדי לקבל עזרה בניפוי באגים של שגיאות עיצוב בחלונית Elements, לפתור בעיות ביצועים בחלונית Performance, לזהות בעיות ברשת בחלונית Network ולאתר קובצי מקור בחלונית Sources. בנוסף, עכשיו אפשר להשתמש בעזרה מ-AI כדי להחיל שינויים שקשורים לסגנון ישירות על קוד המקור בחלונית Elements.
6. נתונים של משתמשים אמיתיים, תובנות מ-Lighthouse ותכונות מבוססות-AI בחלונית הביצועים של כלי הפיתוח ל-Chrome עוזרים לכם להבין ולתקן בעיות בביצועים
בעזרת חלונית הביצועים החדשה, עכשיו אפשר לגשת לנתוני מדדי חוויית המשתמש הבסיסיים (Core Web Vitals) של משתמשים אמיתיים ושל בדיקות מקומיות וגם לבקש מ-Gemini עזרה בהבנה ובתיקון של בעיות בביצועים. החלונית הצדדית 'תובנות' מציגה תובנות מ-Lighthouse בנתוני המעקב, ועוזרת לכם לנפות באגים מהר יותר – בלי שתצטרכו לצאת מתהליך העבודה או להפריע לפרודוקטיביות שלכם.
7. התכונות הבסיסיות זמינות עכשיו בכלים המוכרים: VS Code, ESLint ועוד
שילוב של Baseline מאפשר לכם ליהנות מרמת דיוק גבוהה יותר וביטחון רב יותר בתהליך העבודה של פיתוח אתרים. בתוך כלי פיתוח האינטרנט המוכרים שלכם, תוכלו לראות בבירור את הזמינות של תכונות אינטרנט בדפדפנים מרכזיים:
- סביבות פיתוח משולבות (IDE): VSCode מוצג עכשיו סטטוס הבסיס של התכונות בזמן הפיתוח. בקרוב תהיה תמיכה ב-WebStorm של JetBrains ובסביבות פיתוח משולבות שמבוססות על VS Code, כולל Firebase Studio, Windsurf, GitHub Codespaces ועוד.
- כלי Linter: כלי Linter ל-CSS ול-HTML יכולים להזהיר אתכם באופן יזום כשאתם משתמשים בתכונה חדשה יותר מיעד הבסיס. יש תמיכה ב-Baseline ב-ESLint for CSS, HTML ESLint ו-Stylelint.
- Analytics: RUMvision משלב נתוני Baseline עם מדדים של משתמשים אמיתיים, ומאפשר לכם לבחור באופן אסטרטגי את גרסת ה-Baseline האופטימלית לקהל שלכם. משתמשי Google Analytics יכולים להעלות את הנתונים שלהם אל כלי ההשוואה של נתוני הבסיס ב-Google Analytics כדי לקבל המלצות לגבי נתוני הבסיס.
- קומפיילרים: אפשר להשתמש ב-browserslist-config-baseline כדי להטמיע את יעדי Baseline בכלי קומפילציה של קוד כמו Babel ו-PostCSS, כך שתוכלו להשתמש בתכונות מודרניות בקוד המקור ולקמפל אותן ב-builds של הייצור.
8. קבלת תצוגה מלאה של התמיכה בתכונות האינטרנט באמצעות לוח הבקרה של פלטפורמת האינטרנט
בשנה שעברה הודענו על השקת לוח הבקרה של פלטפורמת האינטרנט, שמאפשר לעיין בנתונים של תכונות האינטרנט ולראות את כל פלטפורמת האינטרנט כמערך של תכונות. מערך הנתונים של תכונות האינטרנט ממופה עכשיו ב-100%, ולכן בפעם הראשונה אפשר לראות את סטטוס הבסיס של כל תכונה בכל דפדפן – מ-AVIF ועד View Transitions – כולל הזמינות והאימוץ שלהן. נשארים מעודכנים ויוצרים בביטחון!
9. גרסת ניסיון למפתחים של Credential Manager, שמאפשרת חוויית התחברות יעילה
אנחנו מבינים ששימוש בכמה שיטות אימות, כולל סיסמאות, איחוד זהויות ומפתחות גישה, עלול לגרום לחיכוך בקרב המשתמשים באתרים שלכם. המטרה שלנו היא לספק למשתמשים חוויית כניסה אחידה ופשוטה, ולכן אנחנו משלבים ב-Chrome את חוויית השימוש האינטואיטיבית של מנהל האישורים של Android. בקרוב, כשמשתמשים ילחצו על כניסה, Chrome יציג את פרטי הכניסה שזמינים לאתר הזה, כמו מפתחות גישה וסיסמאות ממנהל הסיסמאות של Google, וכך הכניסה תהיה חלקה. אנחנו מתכננים להוסיף גם איחוד זהויות לגרסה הזו. מנהל האישורים לאינטרנט נמצא עכשיו בגרסת ניסיון למפתחים. בהמשך השנה נפרסם עדכונים נוספים.
10. איטרציה מהירה יותר של תוספים ל-Chrome עם אפשרות לביטול בדיקת התוסף
שליחת תוסף ל-Chrome צריכה להיות חלקה, ללא דאגות ומרגשת! עם זאת, אנחנו יודעים שאחת הבעיות הייתה חוסר היכולת לתקן במהירות טעות בחומר שעדיין לא נשלח. מוקדם יותר השנה השקנו את האפשרות לבטל בקשה שנמצאת בהמתנה, בנוסף לאפשרות לחזור לגרסה שפורסמה בעבר. המטרה היא לאפשר לכם לבצע שינויים ולשלוח בקשה חדשה במהירות.
כדי לקבל את כל המידע העדכני, אפשר להיכנס אל developer.chrome.com ואל web.dev ולקרוא מידע נוסף על האופן שבו אנחנו הופכים את האינטרנט לעוצמתי יותר וקל יותר לשימוש. מומלץ גם לעקוב אחרינו ב-X, ב-YouTube וב-LinkedIn. נתראה ב-I/O הבא!
Deloitte מתייחסת לאחת או יותר מהחברות הבאות: Deloitte Touche Tohmatsu Limited, חברה פרטית בבריטניה בערבון מוגבל (DTTL), רשת החברות החברות שלה והישויות הקשורות שלהן. DTTL וכל אחת מהחברות החברות בה הן ישויות נפרדות ועצמאיות מבחינה משפטית. DTTL (שנקראת גם Deloitte Global) לא מספקת שירותים ללקוחות. בארצות הברית, המונח Deloitte מתייחס לאחת או יותר מהחברות החברות בארה"ב ב-DTTL, לישויות הקשורות שלהן שפועלות בארצות הברית באמצעות השם "Deloitte", ולחברות המסונפות שלהן. יכול להיות ששירותים מסוימים לא יהיו זמינים ללקוחות שמאשרים את הכללים והתקנות של חשבונאות ציבורית. מידע נוסף על הרשת העולמית של חברות Deloitte זמין באתר www.deloitte.com/about.