התאמה אישית של כלי הפיתוח

Kayce Basques

Jecelyn Yeen

Sofia Emelianova

בדף הזה מפורטות הדרכים להתאמה אישית של כלי הפיתוח ל-Chrome.

הגדרות

בקטע הגדרות הגדרות > העדפות יש הרבה אפשרויות להתאמה אישית של כלי הפיתוח.

פתיחת ההגדרות והעדפות

עיצוב כהה

אפשר להפעיל את העיצוב הכהה בהגדרות או בתפריט הפקודה.

1. פותחים את תפריט הפקודות.

2. מתחילים להקליד dark, בוחרים בפקודה Switch to dark theme ומקישים על Enter כדי להריץ אותה.

   

3. לחלופין, אפשר להגדיר את העיצוב בהגדרות הגדרות > העדפות > מראה > עיצובים.

עיצוב דינמי

כלי הפיתוח יכולים להתאים באופן אוטומטי לערכת הצבעים של Chrome.

כדי להגדיר עיצוב:

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

כדי להשבית את העיצוב הדינמי, מבטלים את ההגדרות הגדרות > העדפות > מראה > check_box_outline_blank התאמה לערכת הצבעים של Chrome וטוענים מחדש את כלי הפיתוח.

חלונית הזזה

בתפריט האפליקציות יש הרבה תכונות מוסתרות.

מקישים על Escape כדי לפתוח או לסגור את התפריט.

לוחצים על more_vert כלים נוספים כדי לפתוח כרטיסיות אחרות במגירה.

שינוי המיקום של כלי הפיתוח

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

יש שתי דרכים לשנות את המיקום של DevTools:

• תפריט ראשי: פותחים את more_vert התאמה אישית ושליטה בכלי הפיתוח ולוחצים על:
  • ad_group ביטול ההצמדה ופתיחת חלון נפרד
  • dock_to_right הצמדה לשמאל
  • dock_to_bottom הצמדה לתחתית המסך
  • dock_to_left הצמדה לימין

• תפריט הפקודה:

  1. פותחים את תפריט הפקודות.
  2. מתחילים להקליד dock ובוחרים באחת מהאפשרויות המוצעות: הצמדה לתחתית, שמאלה, ימינה, הסרה מהעגינה או שחזור המיקום האחרון של אביזר העגינה.

כדי להפעיל או להשבית את האפשרות שחזור מיקום העגינה האחרון באמצעות מקש קיצור, מקישים על:

• ב-Linux או ב-Windows: Control+Shift+D
• ב-MacOS: ‏ Command+Shift+D

שינוי הסדר של לוחות, כרטיסיות וחלוניות

כדי לשנות את הסדר, לוחצים וגוררים שמאלה או ימינה על אחד מהפריטים הבאים:

• חלוניות בחלק העליון של כלי הפיתוח.
• חלוניות בחלונית Elements (רכיבים), כמו Styles (סגנונות), Computed (מחושבים), Layout (פריסה) ועוד.
• חלוניות בחלונית מקורות, כמו דף, סביבת עבודה, עקיפות ועוד.
• כרטיסיות חלונית הזזה בחלק התחתון של כלי הפיתוח.

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

סדר הכרטיסיות המותאם אישית יישמר בכל הסשנים של כלי הפיתוח.

פריסת החלונית

כברירת מחדל, הסדר של פריסת הלוח ישתנה אוטומטית בכלי הפיתוח בהתאם לגודל החלון. אפשר להשבית את הסידור האוטומטי מחדש. עוברים אל הגדרות הגדרות > העדפות > מראה ומעדכנים את פריסת הלוח לפי ההעדפה שלכם.

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

שינוי השפה בממשק המשתמש של כלי הפיתוח

עוברים אל הגדרות הגדרות > העדפות > מראה > שפה.

הגדרות סנכרון

אתם יכולים לסנכרן את ההגדרות של DevTools בין כמה מכשירים.

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

אפשר להפעיל או להשבית את סנכרון ההגדרות של כלי הפיתוח בנפרד באמצעות תיבת הסימון check_box Enable settings sync (הפעלת סנכרון ההגדרות) בקטע settings Settings (הגדרות) > Sync (סנכרון).

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

הערה: DevTools לא מסנכרן גם קטעי קוד, הם נשמרים כהעדפות מקומיות.

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

עם זאת, הגדרת העגינה לא מסונכרנת כי למפתחים יש העדפות שונות לעגינה בזמן ניפוי באגים באתרים שונים.

התאמה אישית של מקשי הקיצור

הגדרות > קיצורי דרך.

הפעלת ניסויים

הגדרות > ניסויים