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

Jecelyn Yeen

הערות לגבי מאפייני CSS לא פעילים

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

רמזים למאפייני CSS לא פעילים.

בעיה ב-Chromium: ‏ 1178508

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

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

סלקטורים של XPath וטקסט בחלונית Recorder.

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

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

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

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

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

בהינתן הקוד הבא,

function foo() {}

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

יכול להיות שכלי transpiler וכלי minifier יהפכו אותם לביטויים מופרדים בפסיקים.

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

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

בעיה ב-Chromium: ‏ 1370200

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

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

הכרטיסייה 'רשימת הפריטים להתעלמות'.

בעיה ב-Chromium: ‏ 1356517

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

אלה כמה מהתיקונים הבולטים בגרסה הזו:

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

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

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

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

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

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

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

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