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

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

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

חלוניות

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