בדף הזה מפורטות הדרכים להתאמה אישית של כלי הפיתוח ל-Chrome.
הגדרות
הגדרות > העדפות מכילה אפשרויות רבות להתאמה אישית של DevTools.
עיצוב כהה
אפשר להפעיל את העיצוב הכהה בהגדרות או בתפריט הפקודה.
- פותחים את תפריט הפקודות.
מתחילים להקליד
dark, בוחרים בפקודה מעבר לעיצוב כהה ולוחצים על כדי להריץ את הפקודה, Enter.
לחלופין, אפשר להגדיר את העיצוב ב הגדרות > העדפות > מראה > עיצובים.
עיצוב דינמי
כלי הפיתוח יכולים להתאים באופן אוטומטי לערכת הצבעים של Chrome.
כדי להגדיר עיצוב:
- פותחים כרטיסייה חדשה ולוחצים על התאמה אישית של Chrome בפינה השמאלית התחתונה.
- בקטע מראה, בוחרים עיצוב דרך שינוי עיצובים או בוחרים לוח צבעים.
חלונית הזזה
בתפריט האפליקציות יש הרבה תכונות מוסתרות.
מקישים על Escape כדי לפתוח או לסגור את התפריט.
לוחצים על כלים נוספים כדי לפתוח חלונית הזזה אחרת כרטיסיות.
שינוי המיקום של כלי הפיתוח
כברירת מחדל, כלי הפיתוח מוצמדים לצד שמאל של אזור התצוגה. אפשר גם לעגן את כלי הפיתוח לחלק התחתון או השמאלי או להסיר מהעגינה של כלי הפיתוח לחלון נפרד.
יש שתי דרכים לשנות את המיקום של DevTools:
- תפריט ראשי: פותחים את התאמה אישית ושליטה בכלי הפיתוח ולוחצים על:
- ביטול ההצמדה ופתיחת חלון נפרד
- הצמדה לשמאל
- הצמדה לתחתית המסך
- הצמדה לימין
תפריט הפקודות:
- פותחים את תפריט הפקודות.
- מתחילים להקליד
dockובוחרים באחת מהאפשרויות המוצעות: הצמדה לתחתית, שמאלה, ימינה, הסרה מהעגינה או שחזור המיקום האחרון של אביזר העגינה.
כדי להחליף את המצב של שחזור המיקום האחרון של אביזר העגינה באמצעות מקשי קיצור, מקישים על:
- ב-Linux או ב-Windows: Control+Shift+D
- ב-MacOS: Command+Shift+D
שינוי הסדר של לוחות, כרטיסיות וחלוניות
כדי לשנות את הסדר, לוחצים וגוררים שמאלה או ימינה אחת מהאפשרויות הבאות:
- חלוניות בחלק העליון של כלי הפיתוח.
- חלוניות בחלונית רכיבים, למשל סגנונות, מחשוב, פריסה ואחרים.
- חלוניות בחלונית מקורות כמו דף, סביבת עבודה, שינוי ועוד.
- הכרטיסיות של המסנן בתחתית DevTools.
בנוסף, אפשר להזיז חלוניות וכרטיסיות למעלה ולמטה אל המסנן וממנו. כדי לעשות זאת, לוחצים לחיצה ימנית על החלונית או הכרטיסייה ובוחרים באפשרות העברה לחלק העליון או העברה לחלק התחתון בתפריט הנפתח.
סדר הכרטיסיות המותאם אישית יישמר בכל הסשנים של כלי הפיתוח.
פריסת החלונית
כברירת מחדל, כלי הפיתוח ירעננו את הפריסה של הלוחות באופן אוטומטי בהתאם לגודל החלון. אפשר להשבית את הסדרת התמונות האוטומטית. עוברים אל הגדרות > העדפות > מראה ומעדכנים את פריסת החלונית בהתאם להעדפה שלכם.
לדוגמה, חלונית הסגנונות בחלונית רכיבים תעבור מהצד לתחתית כשגודל המסך קטן. אם רוצים שחלונית הסגנונות תמיד תישאר בצד, משנים את פריסת החלונית לאנכית.
שינוי השפה של ממשק המשתמש של DevTools
הגדרות > העדפות > מראה > שפה.
הגדרות סנכרון
אתם יכולים לסנכרן את ההגדרות של DevTools בין כמה מכשירים.
כדי להפעיל את הסנכרון, צריך קודם להפעיל את סנכרון Chrome. לאחר ההפעלה, ההגדרות של כלי הפיתוח יסונכרנו כברירת מחדל.
אפשר להפעיל או להשבית את סנכרון ההגדרות של DevTools בנפרד באמצעות תיבת הסימון Enable settings sync (הפעלת סנכרון ההגדרות) בקטע Settings (הגדרות) > Sync (סנכרון).
המערכת מסנכרנת את רוב ההגדרות של כלי הפיתוח, חוץ מאלה שבכרטיסיות סביבת עבודה, ניסויים ומכשירים, ועוד כמה הגדרות כלליות. גם המצב של תיבת הסימון הפעלה של סנכרון ההגדרות מסתנכרן בין המכשירים.
לדוגמה, ההגדרות הבאות של מראה מסתנכרנות, כך שתהיה לכם חוויה עקבית בכל המכשירים ולא תצטרכו להגדיר מחדש את אותן הגדרות.
עם זאת, הגדרת העגינה לא מסונכרנת כי למפתחים יש העדפות שונות לעגינה בזמן ניפוי באגים באתרים שונים.
