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

Kayce Basques

Jecelyn Yeen

Sofia Emelianova

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

הגדרות

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

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

עיצוב כהה

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

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

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

   

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

עיצוב דינמי

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

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

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

חלונית הזזה

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

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

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

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

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

יש שתי דרכים לשנות את המיקום של 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

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

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

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

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

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

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

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

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

שינוי השפה של ממשק המשתמש של DevTools

הגדרות הגדרות > העדפות > מראה > שפה.

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

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

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

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

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

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

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

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

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

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

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