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

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

Sofia Emelianova

האוסף הרשמי של תוספי מכשיר ההקלטה זמין עכשיו

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

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

שיפורי רשת

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

הסיבה לכישלון בעמודה 'סטטוס'

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

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

הבעיות ב-Chromium: 1506760.

תפריט משנה משופר של 'העתקה'

תפריט המשנה העתקה של הבקשה מאורגן עכשיו טוב יותר.

'לפני ואחרי' שיפור תפריט המשנה 'העתקה'.

בנוסף, האפשרות העתקה כ-cURL מעתיקה את הפקודה הנכונה ללוח ב-Windows.

הבעיות ב-Chromium: 1267033, 1276452, 798498.

שיפורי ביצועים

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

נתיבי ניווט בציר הזמן

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

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

הבעיות ב-Chromium: 1467739.

יוצרי אירוע במסלול הראשי

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

ביטול תוקף של סגנון או פריסה -> חישוב מחדש של סגנונות או פריסה
בקשת מסגרת אנימציה -> הופעלה מסגרת אנימציה
בקשת קריאה חוזרת (callback) ללא פעילות -> Fire Idle Callback
התקנת טיימר -> הפעלת טיימר
Create WebSocket -> Send... ו-Receive WebSocket Handshake או Destroy WebSocket

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

חץ מהבקשה והפעלה של קריאה חוזרת (callback) ללא פעילות.

בעיות ב-Chromium: 1434596.

בחלונית ביצועים של כלי הפיתוח ב-Node.js, אפשר עכשיו לבחור מכונת VM של JavaScript מהתפריט הנפתח המתאים בסרגל הפעולות. תכונה דומה הייתה זמינה ב-JavaScript Profiler, שיצא משימוש בקרוב.

תפריט לפני ואחרי הוספת תפריט חדש שמאפשר לבחור מכונת JavaScript VM.

בעיות ב-Chromium: 1511813.

שיפורים ברכיבים

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

בנוסף לשתי התכונות הבאות, חלונית Elements כוללת עכשיו את הכרטיסייה האחרונה שפתחתם, לדוגמה Computed או Properties (מאפיינים).

פסאודו-הרכיב `::view-transition` ניתן עכשיו לעריכה בסגנונות

עכשיו אפשר לערוך את רכיבי המפסאודו של ::view-transition ב-CSS בקטע סגנונות באמצעות גיליון הסגנונות של כלי הבדיקה.

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

מידע נוסף זמין במאמר מעברים חלקים ופשוטים בעזרת View Migrates API.

הבעיות ב-Chromium: 1511233.

תמיכה בנכס `align-content` לקונטיינרים של בלוקים

הנכס align-content פועל עכשיו עם כל מאגרי תגים, כולל table-caption ו-table-cell. בעבר, זה עבד רק עם משבצות וגמישות.

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

בעיות ב-Chromium: 1500511.

קיצור דרך ופקודה חדשים ב'מקורות'

עכשיו אפשר ליצור נקודת רישום (logpoint) על Cmd (Mac) / Cmd (Win) + Cmd + לחיצה על מספר שורה במקורות. מקש הקיצור הזה הוא תוספת ל-Cmd (Mac) / Ctrl (Win) + לחיצה על נקודות עצירה מותנות.

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

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

הבעיות ב-Chromium: 1486933, 1467464.

תמיכה ביציבה במכשירים מתקפלים באמולציה

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

תפריט נפתח עם אפשרויות למצב התנועה.

כמו כן, ברשימת המכשירים יש אמולציה של מכשיר מתקפל חדש: Asus Zenbook Fold.

בעיה ב-Chromium: 1066842.

עיצוב דינמי

כלי הפיתוח תואמים עכשיו באופן אוטומטי לעיצוב הצבעים של Chrome. כדי להגדיר עיצוב:

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

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

הבעיות ב-Chromium: 1483276.

אזהרות על ביטול הדרגתי של קובצי cookie של צד שלישי בחלוניות 'רשת' ו'אפליקציות'

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

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

לפני ואחרי תיעוד קובצי cookie של צד שלישי בחלונית 'רשת'.

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

לפני ואחרי הדגשת קובצי cookie של צד שלישי בחלונית האפליקציות.

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

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

הבעיות ב-Chromium: 1506225, 1503961.

Lighthouse 11.4.0

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

ביקורת שמזהה קובצי cookie של צד שלישי.

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

בעיה ב-Chromium: 772558.

נגישות

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

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

הבעיות ב-Chromium: 1504938, 1499868, 1512161, 1515224, 1515418, 1516998, 1517015.

דגשים שונים

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

אנימציות:
- תוקן הבאג שהופיע בחלון קופץ של צילום מסך מחוץ לתחום (1506991).
- תוקן הבאג שגרם להסרת צמתים של אנימציה שלא סומנו כפריטים שהוסרו (1506561).
רשת:
- שינויי כותרות: בוצע תיקון לבאג עם סמל שגוי של נקודה סגולה בכרטיסייה כותרות (1507856).
- תצוגה מקדימה: תוקן באג עם פענוח כפול מיותר (1509336).
- תוקן באג שגרם לכך שבקשות קצרות לא הופיעו (1509862).
Application (אפליקציה) > IndexedDB: סידור מחדש של הלחצנים בסרגל הפעולות כדי לשמור על עקביות עם החלוניות האחרות (1393800).
חיישנים: תיקון באג עם מיקום לא זמין של קריאה חוזרת (callback) שגויה (1486859).
ביצועים:
- הלחצן איסוף אשפה כולל עכשיו סמל מתאים – "סחב" במקום "סל" (1507530).
- נתוני מעקב הביצועים נשמרים עכשיו כשעוברים אל about:blank (1509947).

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

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

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

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

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