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

Sofia Emelianova
Sofia Emelianova

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

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

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

שיפורי רשת

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

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

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

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

בעיות ב-Chromium: 1506760.

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

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

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

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

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

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

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

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

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

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

בעיות ב-Chromium: 1467739.

יוזמי אירועים במסלול הראשי

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

  • ביטול תוקף של סגנון או פריסה -> חישוב מחדש של סגנונות או פריסה
  • בקשת מסגרת אנימציה -> הופעל פריים לאנימציה
  • בקשה לקריאה חוזרת (callback) ללא פעילות -> הפעלת קריאה חוזרת (callback) ללא פעילות
  • טיימר להתקנת -> הופעל הטיימר
  • יצירת WebSocket -> שליחה... וקבלת לחיצת יד של WebSocket או Destroy WebSocket

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

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

בעיות ב-Chromium: 1434596.

תפריט בורר של מופע VM של JavaScript לכלי הפיתוח של Node.js

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

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

בעיות ב-Chromium: 1511813.

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

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

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

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

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

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

מידע נוסף זמין במאמר מעברים פשוטים ופשוטים באמצעות View Transitions API.

בעיות ב-Chromium: 1511233.

התמיכה של המאפיין align-content בקונטיינרים של חסימה

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

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

בעיות ב-Chromium: 1500511.

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

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

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

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

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

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

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

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

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

בעיה ב-Chromium: 1066842.

עיצוב דינמי

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

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

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

בעיות ב-Chromium: 1483276.

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

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

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

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

ב-Application, עוברים אל Storage > קובצי 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).
  • חיישנים: תוקן באג שמיקום לא זמין שגוי להתקשרות חזרה (1486859).
  • ביצועים:
    • ללחצן איסוף אשפה מופיע עכשיו הסמל המתאים, 'לשטוף'. במקום 'סל קניות'. (1507530).
    • במעקב הביצועים נשמרים עכשיו נתונים כשעוברים אל about:blank (1509947).

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

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

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

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

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

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

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