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

Jecelyn Yeen

טיפים לנכסי CSS לא פעילים

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

טיפים למאפייני CSS לא פעילים.

בעיה ב-Chromium: 1178508

זיהוי אוטומטי של סלקטורים של XPath וטקסט בחלונית של מכשיר ההקלטה

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

סלקטורים של XPath וטקסט בחלונית של מכשיר ההקלטה.

בעיות ב-Chromium: ‏ 1327206,‏1327209

הדגמה של ביטויים מופרדים בפסיקים

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

עוברים בין ביטויים שמופרדים בפסיקים.

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

בהתאם לקוד הבא,

function foo() {}

function bar() {
  foo();
  foo();
  return 42;
}

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

function bar(){return foo(),foo(),42}

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

בעיה ב-Chromium: 1370200

שיפור ההגדרה של רשימת קטעי הקוד להתעלמות

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

הכרטיסייה 'רשימת קטעי הקוד להתעלמות'.

בעיה ב-Chromium: 1356517

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

הנה כמה תיקונים חשובים בגרסה הזו:

  • השלמה אוטומטית של שם מאפיין CSS בחלונית Styles (סגנונות) בלחיצה על מקש הרווח. (1343316)
  • מסירים את הגלילה האוטומטית בחלונית רכיב שבנתיב הניווט. (1369734)

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

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

פנייה לצוות של כלי הפיתוח ל-Chrome

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

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

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