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