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

Jecelyn Yeen

התאמה אישית של מקשי הקיצור ב-DevTools

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

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

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

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

איך עוברים בין עיצוב בהיר לעיצוב כהה באמצעות מקש קיצור

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

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

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

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

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

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

התכונה הזו עוזרת להבדיל אותם מהזיכרון שמסביב. מידע נוסף על השינויים זמין במאמר הרחבת Memory Inspector לניפוי באגים ב-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 למאפייני flexbox של CSS‏ align-content

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

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

בעיה ב-Chromium: 1139945

רגעי שיא שונים

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

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

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

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

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

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

רשימה של כל מה שנדון בסדרה מה חדש ב-DevTools.