
סיוע מבוסס-AI
שיפור משמעותי של תהליך הפיתוח בעזרת 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 במשימה הנוכחית.
שדים
Hangar
אפשרויות נוספות
לא יודעים איך להתחיל?
תיקון יחס הגובה-רוחב של תמונה
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 ב-Chrome בגרסאות 133-135
מה חדש בגרסאות 130-132 של DevTools
מתחילים
דרישות
הבעת הסכמה
נתונים
רוצה לעזור לנו להשתפר?
התכונה הזו ניסיונית ועשויה להשתנות בעתיד. יכול להיות שייווצר בו מידע לא מדויק או פוגעני שלא מייצג את הדעות של Google. כדי לעזור לנו לשפר את התשובות, אפשר להצביע עליהן ולהמשיך לשלוח משוב.