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

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

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

חלוניות

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