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

Sofia Emelianova
Sofia Emelianova
GitHub

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

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

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

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

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

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

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

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

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

בעיה ב-Chromium: 1468393.

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

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

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

בעיה ב-Chromium: 1520417.

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

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

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

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

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

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

חלון קופץ של תוצאת החיפוש שנבחרה בקטע 'ביצועים' > טראק ראשי

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

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

בעיה ב-Chromium: 1523279.

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

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

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

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

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

לפני ואחרי ההוספה של לחצן &#39;ניקוי&#39; ומסנן חיפוש.

צוות כלי הפיתוח רוצה להודות לצ'ארלס ווזאק על הנחיתה של התכונה הזו.

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

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

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

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

הכיתוב &#39;לפני ואחרי&#39; הצגת הסבר קצר עם סיבת הפטור לקובץ Cookie של צד שלישי.

יכול להיות שקובצי Cookie של צד שלישי מותרים מהסיבות הבאות:

בעיה ב-Chromium: 41491846.

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

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

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

לפני ואחרי החזרת אפשרויות ההפעלה וההשבתה.

בעיה ב-Chromium: 1522037.

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

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

לפני ואחרי ההוספה של הכרטיסייה &#39;סקריפטים&#39; עם עץ של סקריפטים שנטענו.

בעיה ב-Chromium: 1518364.

Lighthouse גרסה 11.5.0

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

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

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

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

בעיה ב-Chromium: 772558.

נגישות

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

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

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

פרטים שונים

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

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

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

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

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

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

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

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

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