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

Jecelyn Yeen

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

עכשיו, DevTools מזהה סגנונות 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 או ב-Beta כדפדפן הפיתוח שמוגדר כברירת מחדל. ערוצי התצוגה המקדימה האלה מעניקים לכם גישה לתכונות העדכניות ביותר של DevTools, מאפשרים לכם לבדוק ממשקי API מתקדמים לפלטפורמות אינטרנט ולמצוא בעיות באתר לפני שהמשתמשים שלכם יעשו זאת.

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

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

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

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