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

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

Sofia Emelianova

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

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

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

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

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

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

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

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

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

בעיה ב-Chromium: 1468393.

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

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

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

בעיה ב-Chromium: 1520417.

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

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

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

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

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

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

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

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

בעיה ב-Chromium: 1523279.

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

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

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

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

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

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

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

בנוסף, הכרטיסייה 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) בקטע 'מקורות'

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

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

בעיה ב-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).
מקורות: גובה השורה ב-Editor מוגדל כדי לשפר את הקריאוּת (1523640).
רשת > תגובות: תוקנו בעיות תצוגה שונות בפורמטים ובקידודים שונים (1523128, 1509336, 1523128, 41481944, 1509336).

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

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

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

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

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