כלי הפיתוח של Chrome כוללים כלים רבים וחזקים שיעזרו לכם לבדוק לעומק את אפליקציות האינטרנט שלכם ולשפר אותן.
בסרטון הבא מוצגת סקירה כללית של שישה כלים בסיסיים, כולל הלחצן בדיקה ומצב מכשיר, לצד החלוניות רכיבים, מסוף, מקורות ורשת. בנוסף, תלמדו על הכרטיסייה Styles (סגנונות) ועל דרכים להתאים אישית את DevTools.
בסרטון הזה מוסבר איך:
- בדיקה ועריכה של רכיבי DOM
- הצגה חזותית של המאפיינים של רכיב ושינוי שלהם באמצעות מודל התיבה.
- איך הדף נראה במכשירים ניידים
- זיהוי שגיאות JavaScript באמצעות החלונית מסוף.
- ניפוי באגים ב-JavaScript באמצעות נקודות עצירה בחלונית מקורות.
- ניתוח ופילוח של פעילות הרשת בחלונית Network.
- הדמיה של מהירויות חיבור איטיות יותר.
- התאמה אישית של כלי הפיתוח.
סקירה מפורטת יותר זמינה במאמר סקירה כללית על DevTools.