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

פקודות ומקשי קיצור

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

חלוניות

מגלים את העוצמה של כל חלונית של כלי פיתוח.

רכיבים - DOM

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

סקירה כללית של שירות ה-CSS

לזהות שיפורי CSS פוטנציאליים.
מבצעים אופטימיזציה למהירות האתר באמצעות החלונית Lighthouse.
אתם יכולים לקבל תובנות פרקטיות לגבי ביצועי האתר שלכם.
מעקב אחרי ביצועים של עומסי ריצה וזמן ריצה.
להציג ולערוך קובצי מקור תוך גישה ללוחות אחרים.
אמולציה של חיישני המכשיר.
הצגת מדדים של WebAudio API.
אמולציה של גורמי אימות.

הסבר על ההגדרות