דף זה תורגם על ידי Cloud Translation API.

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

Sofia Emelianova

מוצאים את ביצת הפסחא

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

כדי למצוא אותו, צריך לחפש אמוג'י 💫 צבעוני.

עדכונים של חלונית הרכיבים

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

אמולציה של דף שמתמקד ב'רכיבים' > 'סגנונות'

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

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

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

בעיה ב-Chromium: 1468393.

בוחר הצבעים, שעון הזווית ועורך ההתאמה האישית בחלופות var()

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

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

בעיה ב-Chromium: 1520417.

הכלי 'אורך CSS' הוצא משימוש

הכלי לעריכת אורך CSS הוצא משימוש כי הוא מאט את תהליך העבודה ולא מוסיף ערך רב.

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

כדי להפעיל שוב את כלי האורך, מנקים את ההגדרות הגדרות > ניסויים > check_box הכלי לכתיבת <length> של CSS הוצא משימוש בכרטיסייה 'סגנונות'.

אם בכל זאת ברצונך להשתמש בכלי הזה, צוות כלי הפיתוח ירצה לדעת מה דעתך ואיך הכלי אורך עוזר בתהליך העבודה. אתם מוזמנים לשלוח משוב בכתובת crbug/1522657.

הניסוי להוצאה משימוש מושבת.

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

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

בעיה ב-Chromium: 1523279.

עדכונים של חלונית הרשת

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

לחצן הניקוי ומסנן החיפוש בכרטיסייה 'רשת' > 'EventStream'

הכרטיסייה Network > EventStream מקבלת:

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

לפני ואחרי הוספת לחצן 'ניקוי' ומסנן חיפוש.

צוות כלי הפיתוח רוצה להודות ל-Charles Vazac על הנחיתה של התכונה הזו.

בנוסף, הכרטיסייה EventStream מתעדת עכשיו גם אירועים שהשרתים שולחים באמצעות אחזור/XHR, ולא רק באמצעות EventSource API. אפשר לנסות את התכונה בדף ההדגמה.

בעיה ב-Chromium: 1488863, 40659493.

הסברים קצרים עם סיבות לפטור לקובצי cookie של צד שלישי ב'רשת' > 'קובצי cookie'

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

לפני ואחרי הצגת הסבר קצר עם סיבת הפטור לקובץ cookie של צד שלישי

אלה הסיבות האפשריות להתרת קובצי cookie של צד שלישי:

המדיניות של Chrome Enterprise
Storage Access API או Storage Access API ברמה העליונה
תקופת ניסיון להוצאה משימוש של קובצי cookie של צד שלישי או תקופת החסד שלהם
היוריסטיקה של קובצי cookie של צד שלישי
העדפת המשתמש

בעיה ב-Chromium: 41491846.

הפעלה והשבתה של כל נקודות העצירה (breakpoint) ב'מקורות'

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

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

בעיה ב-Chromium: 1522037.

הצגת הסקריפטים שנטענו בכלי הפיתוח ל-Node.js

מעכשיו, כלי הפיתוח ל-Node.js מציגים סקריפטים שנטענו בעץ הניווט בקטע מקורות > סקריפטים.

לפני ואחרי הוספת הכרטיסייה 'סקריפטים' עם עץ של סקריפטים שנטענו.

בעיה ב-Chromium: 1518364.

Lighthouse 11.5.0

בחלונית Lighthouse הופעל עכשיו Lighthouse בגרסה 11.5.0. לעיון ברשימת השינויים המלאה

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

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

מידע בסיסי על השימוש בחלונית Lighthouse בכלי הפיתוח זמין במאמר Lighthouse: אופטימיזציה של מהירות האתר.

בעיה ב-Chromium: 772558.

נגישות

גרסה זו כוללת את שיפורי הנגישות הבאים:

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

הבעיות ב-Chromium: 1516957, 324282443, 324467508, 324930007.

דגשים שונים

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

הגופנים בכלי הפיתוח מתעדכנים כך שיתאימו ל-Chrome (1523538).
ביצועים: תיקנו את תצוגת צילום המסך כשמעבירים את העכבר מעל ציר הזמן (1519469).
מקורות: גובה השורה בעורך הוגדל כדי לשפר את קריאות הקוד (1523640).
רשת > תגובות: תוקנו בעיות תצוגה שונות בפורמטים שונים ובקידודים שונים (1523128, 1509336, 1523128, 41481944, 1509336).

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

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

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

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

שלחו לנו הצעה או משוב דרך crbug.com.
כדי לדווח על בעיה בכלי הפיתוח, לוחצים על אפשרויות נוספות > עזרה > דיווח על בעיות בכלי הפיתוח בכלי הפיתוח.
אפשר לשלוח ציוץ אל @ChromeDevTools.
אפשר לכתוב תגובות לגבי 'מה חדש' בסרטוני YouTube בכלי הפיתוח או בסרטונים ב-YouTube בקטע 'טיפים לשימוש בכלי הפיתוח'.