DevTools
כלי הפיתוח ל-Chrome הוא קבוצת כלים למפתחי אתרים שמובנית ישירות בדפדפן Google Chrome. כלי הפיתוח מאפשרים לכם לערוך דפים באופן שוטף ולאבחן בעיות במהירות, וכך אתם יכולים לבנות אתרים טובים יותר, מהר יותר.
פתיחת כלי הפיתוח
כל הדרכים שבהן אפשר לפתוח את כלי הפיתוח ל-Chrome.
מה חדש בכלי הפיתוח
חשוב להתעדכן בשינויים האחרונים בכלי הפיתוח.
טיפים לכלי פיתוח
סדרת סרטונים קצרים שיעזרו לכם ללמוד על התכונות בכלי הפיתוח.
פקודות ומקשי קיצור
ביצוע משימות במהירות.
הרצת פקודות בתפריט הפקודות
ניתן לפתוח את תפריט הפקודות, להריץ פקודות, לפתוח קבצים, לראות פעולות נוספות ועוד.
מקשי קיצור
חומר עזר מקיף של מקשי קיצור.
השבתת JavaScript
ניתן לראות איך דף אינטרנט נראה ומתנהג כש-JavaScript מושבת.
הדמיה של מכשירים ניידים עם מצב מכשיר
הדמיית מכשירים כדי לבנות אתרים שמותאמים לניידים.
חיפוש במשאבים שנטענו
בחלונית החיפוש אפשר למצוא טקסט בכל המשאבים שנטענו.
חלוניות
מגלים את העוצמה של כל חלונית של כלי פיתוח.
רכיבים - DOM
מידע נוסף על הצגה ושינוי של DOM של דף.
רכיבים – CSS
במאמר הזה מוסבר איך להציג ולשנות CSS בדף.
מסוף
לתעד הודעות ולהריץ JavaScript.
מקורות
אפשר להציג ולערוך קבצים, ליצור קטעי קוד, לנפות באגים ב-JavaScript ולהגדיר סביבת עבודה.
רשת
רישום בקשות רשת.
ביצועים
להעריך את ביצועי האתר.
זיכרון
איתור בעיות זיכרון שמשפיעות על ביצועי הדף, כולל דליפות זיכרון ועוד.
אפליקציה
בדיקה, שינוי וניפוי באגים באפליקציות אינטרנט, בדיקת מטמון, הצגת נפח האחסון ועוד.
מכשיר הקלטה
לתעד, להפעיל מחדש, למדוד את זרימות המשתמשים ולערוך את השלבים שלהם.
רינדור
יש לנו מגוון אפשרויות שמשפיעות על הרינדור של תוכן מהאינטרנט.
מילוי אוטומטי
בדיקה וניפוי באגים של כתובות שנשמרו.
בעיות
איתור ותיקון בעיות באתר.
אבטחה
יש לוודא שהדף מוגן באופן מלא באמצעות HTTPS.
בדיקת זיכרון
בדיקה של ArrayBuffer, TypedArray או DataView ב-JavaScript, וגם ב-WebAssembly ובזיכרון של אפליקציות C++ Wasm.
תנאי רשת
שינוי המחרוזת של סוכן המשתמש.
חסימה של בקשות רשת
אפשר לבדוק את האתר על ידי חסימת בקשות רשת.
מדיה
הצגת מידע וניפוי באגים בנגני מדיה בכל כרטיסייה בדפדפן.
אנימציות
בדיקה ושינוי של אנימציות.
שינויים
לעקוב אחר שינויים ב-HTML, ב-CSS וב-JavaScript.
כיסוי
חיפוש וניתוח של קוד CSS וקוד CSS שלא נמצא בשימוש.
משאבים למפתחים
בודקים אם מפות המקור נטענות וטוענים אותן באופן ידני.
סקירה כללית של שירות ה-CSS
לזהות שיפורי CSS פוטנציאליים.
מגדלור
מבצעים אופטימיזציה למהירות האתר באמצעות החלונית Lighthouse.
תובנות לגבי ביצועים
אתם יכולים לקבל תובנות פרקטיות לגבי ביצועי האתר שלכם.
מעקב ביצועים
מעקב אחרי ביצועים של עומסי ריצה וזמן ריצה.
מקור מהיר
להציג ולערוך קובצי מקור תוך גישה ללוחות אחרים.
חיישנים
אמולציה של חיישני המכשיר.
WebAudio
הצגת מדדים של WebAudio API.
WebAuthn
אמולציה של גורמי אימות.