מה חדש בכלי הפיתוח (Chrome 107)

Jecelyn Yeen

התאמה אישית של מקשי הקיצור בכלי הפיתוח

עכשיו אפשר להתאים אישית את מקשי הקיצור לפקודות המועדפות בכלי הפיתוח.

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

התאמה אישית של מקשי הקיצור בכלי הפיתוח.

בעיות ב-Chromium: 1335274, ‏ 174309

החלפה בין עיצוב בהיר לעיצוב כהה באמצעות מקש קיצור

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

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

בעיות ב-Chromium: ‏ 1280398, ‏ 1226363

הדגשת אובייקטים של C/C++ בכלי לבדיקת זיכרון

בודק הזיכרון מדגיש את כל הבייטים של אובייקט זיכרון C/C++.

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

התכונה הזו עוזרת לכם להבחין בין התמונות לבין הזיכרון שמסביב. מידע נוסף על השינויים זמין במאמר הרחבת הכלי לבדיקת הזיכרון לצורך ניפוי באגים ב-C/C++‎.

הדגשת אובייקטים ב-C/C++ בכלי לבדיקת זיכרון.

בעיה ב-Chromium: ‏ 1336568

תמיכה בייבוא של קובץ HAR עם פרטים מלאים על הגורם המפעיל

מעכשיו אפשר לראות את כל המידע על הגורם המפעיל בייבוא של קובץ HAR. בעבר, בחלונית Network הוצג רק מידע חלקי על היוזם במהלך הייבוא.

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

תמיכה בייבוא של קובץ HAR עם פרטים מלאים על הגורם המפעיל.

בעיה ב-Chromium: 1343185

התחלת חיפוש ב-DOM אחרי לחיצה על Enter

עכשיו אפשר להשבית את ההגדרה חיפוש בזמן ההקלדה כדי שתמיד יתחיל חיפוש DOM אחרי שמקישים על Enter.

בחלונית Elements, מחליפים את סרגל החיפוש בהקשה על Control או על Command + F. כשמקלידים שאילתה בתיבת הטקסט של החיפוש, עץ ה-DOM עובר לרכיב הראשון שתואם לשאילתה ומדגיש אותו כברירת מחדל.

ההתנהגות הזו לא אידיאלית למשתמשים, במיוחד לבודקים שתמיד עובדים עם שאילתות חיפוש ארוכות. יכול להיות שעץ ה-DOM יקפוץ כמה פעמים בזמן שמקלידים שאילתת חיפוש ארוכה (למשל //div[@id="example"]). ההתנהגות הזו יוצרת תנועה מיותרת.

חיפוש DOM.

עוברים אל הגדרות > העדפות ומשביתים את האפשרות חיפוש תוך כדי הקלדה. בעקבות השינוי הזה, החיפוש יתחיל רק אחרי שתקישו על Enter.

הגדרה של חיפוש בזמן ההקלדה.

בעיה ב-Chromium: ‏ 1344526

הצגת הסמלים start ו-end למאפייני CSS flexbox‏ align-content

בחלונית סגנונות, עורכים את מאפייני align-content בכיתת CSS באמצעות display: flex או display: inline-flex. הסמלים start ו-end מופיעים בתפריט הנפתח של ההשלמה האוטומטית.

מאפייני Flexbox של align-content.

בעיה ב-Chromium: 1139945

מידע חשוב נוסף

  • הצגת מספרים נכונים של הודעות בסרגל הצד של המסוף. בעבר, הספירות לא התעדכנו כשמנקים את ההודעות במסוף. (1343311)

הורדת ערוצי התצוגה המקדימה

מומלץ להשתמש ב-Chrome Canary,‏ Dev או Beta כדפדפן ברירת המחדל לפיתוח. ערוצי התצוגה המקדימה האלה מאפשרים לכם לגשת לתכונות העדכניות ביותר של DevTools, לבדוק ממשקי API מתקדמים של פלטפורמות אינטרנט ולמצוא בעיות באתר לפני שהמשתמשים שלכם ימצאו אותן.

יצירת קשר עם הצוות של כלי הפיתוח ל-Chrome

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

  • אתם מוזמנים לשלוח לנו משוב ובקשות להוספת תכונות בכתובת crbug.com.
  • אפשר לדווח על בעיה בכלי פיתוח באמצעות הסמל אפשרויות נוספות > עזרה > דיווח על בעיה בכלי פיתוח בכלי הפיתוח.
  • שולחים ציוץ אל ‎@ChromeDevTools.
  • אפשר להוסיף תגובות לסרטונים What's new in DevTools YouTube videos או DevTools Tips YouTube videos.

מה חדש בכלי הפיתוח

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