טיפים לכלי פיתוח
איך מתעדים ומשמיעים עקבות ביצועים באמצעות כלי הפיתוח
איך מתעדים ועורכים ניתוח של עקבות ביצועים באמצעות DevTools
מעקב אחרי מדדי הליבה לבדיקת חוויית המשתמש באתר בזמן אמת בחלונית 'ביצועים'
מעקב אחרי מדדי Core Web Vitals בזמן אמת בחלונית 'ביצועים'.
הסרת מידע מהמטמון: בדיקה, ניקוי והשבתה של מטמון
בדיקה ופתרון בעיות במטמון באמצעות כלי הפיתוח.
הקפאת המסך ובדיקה של רכיבים שנעלמים
הקפאת רכיבים ב-DOM כדי שתוכלו לבדוק אותם באמצעות DevTools.
4 דרכים לצילום מסך באמצעות כלי פיתוח
4 דרכים ייחודיות לצלם צילומי מסך באמצעות כלי הפיתוח.
טיפים לכלי פיתוח: ביטול תגובות רשת והדמיה שלהן
כאן אפשר ללמוד איך לשנות תגובות רשת ולדמות אותן באמצעות כלי הפיתוח.
כיף & עוצמתי: היכרות עם כלי הפיתוח ל-Chrome
איך כלי הפיתוח יכולים לשפר את פיתוח אפליקציות האינטרנט שלכם
טיפים לכלי הפיתוח: ניפוי באגים בניווטים ספקולטיביים לטעינת דפים מהירה יותר
עם טעינות ספקולטיביות, תוכלו לזרז את הגלישה באינטרנט וללמוד איך לנפות באגים.
טיפים של כלי הפיתוח: כתיבת צבעים
למד כיצד לחבר צבעים בכמה לחיצות.
טיפים לכלי הפיתוח: ניפוי באגים בעדיפות אחזור
איך לנפות באגים בעדיפות אחזור
טיפים של כלי הפיתוח: ניפוי באגים במטמון לדף הקודם/הבא
במאמר הזה מוסבר איך לנפות באגים במטמון לדף הקודם/הבא ולגרום לדף להיטען באופן מיידי.
טיפים לגבי כלי פיתוח: מה זה DOM? HTML לעומת DOM
לומדים איך לנפות באגים ב-DOM באמצעות כלי פיתוח.
טיפים לכלי פיתוח: ניפוי באגים בתוספי Chrome
איך משתמשים בכלי הפיתוח לניפוי באגים בתוספים ל-Chrome.
טיפים מכלי הפיתוח: קטעי טקסט וביטויים בזמן אמת
אפשר להשתמש בקטעי קוד כדי להריץ קוד שמשמש אתכם לעיתים קרובות, ובביטויים חיים כדי לצפות בערכים בזמן אמת.
טיפים לכלי פיתוח: נקודות עצירה ונקודות רישום (logpoint)
אפשר להשתמש בנקודות עצירה (breakpoint) ובנקודות רישום (logpoints) כדי לנפות באגים בקלות.
טיפים לכלי הפיתוח: הקלטה והפעלה מחדש של זרימה של משתמשים באמצעות מכשיר ההקלטה
איך מקליטים זרימות משתמשים, מפעילים אותן מחדש ומנפות באגים בחלונית 'מכשיר הקלטה' ב'כלי פיתוח'.
טיפים לכלי פיתוח: אחסון מקומי ואחסון סשנים
השתמשו באפליקציות > אחסון מקומי ואחסון סשן כדי לנפות באגים בזוגות מפתח-ערך.
טיפים לכלי פיתוח: Workspace
אפשר להשתמש ב-Workspace כדי לשמור את השינויים שביצעתם בכלי הפיתוח בקובצי מקור מקומיים.
טיפים לכלי פיתוח: מפות מקור בכלי הפיתוח
אפשר להשתמש במפות מקור בכלי הפיתוח כדי לנפות באגים בקוד המקורי במקום בפריסה.
טיפים לכלי פיתוח: מהן מפות מקור?
כך תוכלו להיעזר במפות מקור כדי לנפות באגים בקוד המקורי במקום בפריסה.
טיפים לכלי פיתוח: גילוי בעיות בשירות CSS
שימוש בחלוניות 'סגנונות' ו'מחושבים' כדי לגלות בעיות ב-CSS באמצעות כלי הפיתוח.
טיפים לכלי פיתוח: ניפוי באגים ב-PWA
ניפוי באגים באפליקציות מסוג Progressive Web App באמצעות כלי פיתוח.
טיפים לכלי פיתוח: ניפוי באגים בממשקי API של Project Fugu
שימוש בכלי הפיתוח לניפוי באגים בממשקי ה-API של Project Fugu.
טיפים לכלי הפיתוח: מצב מכשיר
סימולציה של מכשירי mobule עם מצב המכשיר בכלי הפיתוח.
טיפים לכלי פיתוח: זיהוי שיפורים ב-CSS
תוכלו להשתמש בחלונית הסקירה הכללית של CSS כדי לזהות שיפורים אפשריים ב-CSS.
טיפים לכלי פיתוח: ניווט מהיר יותר בכלי הפיתוח
איך להאיץ את תהליך העבודה בעזרת ניווט מהיר יותר בכלי הפיתוח באמצעות קיצורי דרך והגדרות
טיפים לכלי פיתוח: דרכים שונות לפתיחת כלי הפיתוח
אתם יכולים לגלות את כל הדרכים לפתיחה של כלי הפיתוח ל-Chrome.
טיפים לכלי פיתוח: איך לגלות טקסט עם ניגודיות נמוכה ולתקן אותו
איך משתמשים בכלי הפיתוח ל-Chrome כדי לחפש טקסט עם ניגודיות נמוכה ולתקן אותו.
טיפים לשימוש בכלי הפיתוח: עריכה, ניפוי באגים וייצוא של הקלטות זרימה של משתמשים
בחלונית של מכשיר ההקלטה ובתוספים שלה אפשר לערוך את ההקלטות של זרימת המשתמשים, לנפות באגים ולייצא אותן.
טיפים מ-DevTools: איך לבדוק ולנפות באגים ב-flexbox של CSS
איך משתמשים בכלי הפיתוח ל-Chrome כדי לבדוק פריסות Flexbox של CSS, לשנות אותן ולנפות באגים.
טיפים לגבי DevTools: איך לזרז את תהליך העבודה בעזרת קיצורי דרך של מסוף
בעזרת קיצורי הדרך שמסופקים על ידי Console Utilities API, אפשר להפנות במהירות לרכיבים אחרונים, אובייקטים של שאילתות, לעקוב אחר אירועים וקריאות לפונקציות ועוד.
טיפים לכלי פיתוח: איך לבדוק רשת CSS
איך משתמשים בכלי הפיתוח ל-Chrome כדי להציג ולשנות פריסות רשת של CSS.
טיפים לכלי פיתוח: איך לבדוק ולשנות אנימציות CSS
בכרטיסייה 'אנימציות' אפשר לבדוק ולשנות אנימציות, מעברים בין CSS ועוד.
טיפים לשימוש בכלי פיתוח: קבלת תובנות פרקטיות לגבי ביצועי האתר
החלונית החדשה 'תובנות לגבי הביצועים' מאפשרת לקבל תובנות פרקטיות לגבי ביצועי האתר
טיפים לגבי DevTools: איך לרשום הודעות במסוף
אפשר להשתמש ב-Play Console כדי לתעד משתנים, אובייקטים והודעות, לסנן ולקבץ את ההודעות ועוד.
טיפים למפתחים: איך לאמוד תכונות של מדיה להעדפות משתמשים ב-CSS באמצעות כלי הפיתוח
תוכלו להשתמש בכרטיסייה 'עיבוד' כדי לדמות את העדפות המשתמש ולבדוק את התנהגות המותאמת למשתמש באתר.
טיפים לכלי פיתוח: איך בודקים שאילתות בקונטיינר ב-CSS
בודקים וניפוי באגים בשאילתות של מאגר CSS באמצעות כלי הפיתוח.