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

Jecelyn Yeen

ויסות נתונים (throttle) של בקשות WebSocket

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

פותחים את החלונית רשת, לוחצים על בקשת web socket ופותחים את הכרטיסייה הודעות כדי לראות את העברת ההודעות. בוחרים באפשרות 3G איטי כדי לווסת את המהירות.

בעיה ב-Chromium: ‏ 423246

חלונית חדשה של Reporting API בחלונית Application

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

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

פותחים דף שמשתמש ב-Reporting API (לדוגמה, דף הדגמה). בחלונית Application (אפליקציה), גוללים למטה לקטע Background services (שירותים ברקע) ובוחרים בחלונית Reporting API (Reporting API).

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

בקטע Endpoints (נקודות קצה) מוצגת סקירה כללית של כל נקודות הקצה שהוגדרו בכותרת Reporting-Endpoints.

בעיה ב-Chromium: ‏ 1205856

המתנה לתמיכה עד שהרכיב יהיה גלוי או שאפשר יהיה ללחוץ עליו בחלונית הכלי לתיעוד

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

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

בעיה ב-Chromium: ‏ 1257499

שיפור העיצוב, הפורמט והסינון של המסוף

עיצוב נכון של הודעות ביומן באמצעות קוד בריחה של ANSI

עכשיו אפשר להשתמש ברצפי בריחה של ANSI כדי לעצב את ההודעות במסוף בצורה נכונה. בעבר, הייתה תמיכה מוגבלת מאוד (ובחלקה פגומה) ברצפי בריחה של ANSI במסוף כלי הפיתוח.

מפתחים ב-Node.js נוהגים להוסיף צבע להודעות ביומן באמצעות רצפי בריחה של ANSI, לעיתים בעזרת ספריות סגנון כמו chalk,‏ colors,‏ ansi-colors,‏ kleur וכו'.

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

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

בעיות ב-Chromium: 1282837, 1282076

תמיכה נכונה במגדירי הפורמט %s, ‏ %d, ‏ %i ו-%f

‫Console מבצע עכשיו בצורה תקינה את ההמרות של הסוגים %s, %d, %i ו-%f, כפי שמפורט בתקן Console. בעבר, תוצאות השיחה לא היו עקביות.

בעיות ב-Chromium: ‏ 1277944, 1282076

מסנן קבוצות אינטואיטיבי יותר במסוף

כשמסננים את ההודעה במסוף, מוצגת הודעה במסוף אם תוכן ההודעה תואם למסנן או אם הכותרת של הקבוצה (או של קבוצת האב) תואמת למסנן. בעבר, שם הקבוצה במסוף היה מוצג למרות הסינון.

בנוסף, אם מוצגת הודעה במסוף, מוצגת עכשיו גם הקבוצה (או קבוצת האב) שהיא שייכת אליה.

בעיה ב-Chromium: ‏ 1068788

שיפורים במפות המקור

ניפוי באגים בתוסף ל-Chrome באמצעות קובצי מיפוי מקור

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

בעיה ב-Chromium: ‏ 212374

שיפור בעץ תיקיות המקור בחלונית המקורות

עכשיו, עץ תיקיות המקור בחלונית מקורות משופר, עם פחות עומס במבני התיקיות ובשמות (לדוגמה, ../, ‎./‎ וכו'). מאחורי הקלעים, זו התוצאה של נרמול כתובות ה-URL המוחלטות של המקור במפות המקור.

בעיה ב-Chromium: ‏ 1284737

הצגת קובצי המקור של ה-Worker בחלונית Sources

קובצי מקור של Worker (לדוגמה, web worker,‏ service worker) עם SourceURL יחסי מוצגים עכשיו בחלונית Source. בעבר, קובצי מקור של worker לא טופלו בצורה נכונה.

בעיה ב-Chromium: 1277002

עדכונים של העיצוב הכהה האוטומטי ב-Chrome

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

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

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

בעיה ב-Chromium: ‏ 1243309

בוחר צבעים וחלון מפוצל שנוחים לשימוש במגע

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

זו דוגמה שצולמה באמצעות מסך המגע של מכשיר Google Pixelbook.

בעיות ב-Chromium: 1284245, ‏ 1284995

מידע חשוב נוסף

ריכזנו כאן כמה מהתיקונים הבולטים בגרסה הזו:

• תוקנה הבעיה שקשורה לעריכת קובצי Cookie בחלונית Cookies. (1290196)
• משתמשים בצירוף המקשים Shift + Tab כדי לבחור את הפקודה הקודמת בתפריט הפקודות. (1278743)
• אפשר לדווח על בעיות שקשורות לבקשות קדם-הפעלה של CORS בכרטיסייה בעיות. (1272445).
• אפשר לדווח על בעיות שקשורות לרמזים על הלקוח (Client Hints) לגבי הסוכן המשתמש בכרטיסייה בעיות. (1219359).
• תוקנו התנהגויות של Shift + Delete ושל Page up / Page down בחלוניות מקורות וקונסולה. (1278461, 1285662)
• סגירת תיבת הדו-שיח לעריכת נקודת עצירה בהסרה של נקודת עצירה בחלונית מקורות. (922513)
• לא צריך לטעון מחדש כשעוברים בין העיצוב הבהיר לעיצוב הכהה בכלי הפיתוח. (1278738)

הורדת ערוצי התצוגה המקדימה

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

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

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

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

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

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