שיפור משמעותי של תהליך הפיתוח בעזרת Gemini שמשולב ישירות בכלי הפיתוח של Chrome. ייעול תהליך ניפוי הבאגים בעזרת AI לצורך עיצוב, ביצועים, רשת ומקורות.

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

Can you center this element?

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

Why does this request fail?

בדרך כלל לא כותבים את כל הקוד באתר בעצמכם – לא בטוחים למה משמש סקריפט מסוים? כלים מבוססי-AI יכולים לעזור:

What is this file used for?

מדדי הליבה לבדיקת חוויית המשתמש באתר נמוכים? לפעמים קשה למצוא את שורש הבעיה של אתר איטי. התמיכה ב-AI יכולה לבדוק את הבעיה ולהציע פתרונות:

Help me optimize my LCP score

קבלת עזרה מבוססת-AI מכל מקום

מחפשים את הלחצן Ask AI כדי לקבל עזרה מ-Gemini במשימה הנוכחית.

שדים

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

לא יודעים איך להתחיל?

רעיונות להנחיות לכלי הפיתוח מבוסס-ה-AI. אפשר להתנסות בהדגמות שלנו או לנסות אותן באתרים שלכם.

תיקון יחס הגובה-רוחב של תמונה

Make all teaser images always be 16:9

האם אחת מהתמונות לא חתוכה באותו אופן כמו האחרות?

  • פותחים את הדף chrome.dev/cinemai/devtools/ ופותחים את כלי הפיתוח.
  • מחפשים את הקטע מידע נוסף בסרטון ובוחרים בו.
  • לוחצים על סמל העזרה של AI.
  • הנחיה: Make all teaser images always be 16:9.
  • לוחצים על Apply the suggested change וממשיכים.
  • הלחצן צריך להיות ממוקם במרכז.

פתרון בעיה של זליגת נתונים

How can I make this element visible?

הרכיב לא גלוי?

  • פותחים את הדף chrome.dev/cinemai/devtools/ ופותחים את כלי הפיתוח.
  • מחפשים אלמנט img של צולל.
  • לוחצים על סמל העזרה של AI.
  • הנחיה: How can I make this element visible without scrollbars?.
  • לוחצים על Apply the suggested change וממשיכים.
  • הצוללן צריך להיות גלוי במסך.

הסבר על כותרות

Are there any security headers present?

למידע נוסף על כותרות אבטחה של משאב נתון...

  • פותחים את הדף chrome.dev/cinemai/devtools/ ופותחים את כלי הפיתוח.
  • בחלונית Network, בוחרים את הבקשות מסוגv4-chrome.dev.js.
  • לוחצים על סמל העזרה של AI.
  • הנחיה: Are there any security headers present?
  • ה-LLM יסביר על כותרות שקשורות לאבטחה במשאב.

ניתוחים מעמיקים

סרטונים שמסבירים איך להשתמש בתמיכה של AI בכלי הפיתוח כדי לפתור בעיות נפוצות בפיתוח אינטרנט.
היסטוריית צ'אט מתמשכת מבוססת-AI ב-Chrome בגרסאות 133-135
הצטרפו ל-Jecelyn, ל-Oliver ול-Matthias כשהם מציגים את התכונה 'עזרה מבוססת-AI' ב-Chrome בגרסאות 130 עד 132

מתחילים

מוודאים שאתם משתמשים בגרסה האחרונה של Chrome ומחוברים לחשבון. אתם צריכים להיות בני 18 ומעלה ולהימצא באחד מהמיקומים הנתמכים.
התכונה 'עזרה מ-AI' מושבתת כברירת מחדל. כדי להפעיל את התכונה, עוברים לקטע 'הגדרות' > 'עזרה מ-AI'. כדי להשתמש בתמיכה של AI, צריך לאשר את התנאים וההגבלות של Google.
אפשר להשתמש במדיניות ארגונית כדי לקבוע אם הנתונים ששותפו עם Gemini יירשמו ביומן וישמשים לאימון.

רוצה לעזור לנו להשתפר?

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