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

Jecelyn Yeen

הגבלת קצב הבקשות של WebSocket

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

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

הגבלת קצב הבקשות של WebSocket

בעיה ב-Chromium: ‏ 423246

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

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

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

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

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

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

Reporting API pane

בעיה ב-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

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

תמיכה במגדירי פורמט בהודעות במסוף

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

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

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

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

מסנן קבוצות במסוף

בעיה ב-Chromium: ‏ 1068788

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

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

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

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

בעיה ב-Chromium: ‏ 212374

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

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

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

בעיה ב-Chromium: ‏ 1284737

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

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

ALT_TEXT_HERE

בעיה ב-Chromium: ‏ 1277002

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

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

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

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

אמולציה של עיצוב כהה אוטומטי

בעיה ב-Chromium: ‏ 1243309

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

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

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

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

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

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

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

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

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

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

  • אתם מוזמנים לשלוח לנו משוב ובקשות להוספת תכונות בכתובת crbug.com.
  • אפשר לדווח על בעיה בכלי פיתוח באמצעות הסמל אפשרויות נוספות > עזרה > דיווח על בעיה בכלי פיתוח בכלי הפיתוח.
  • שולחים ציוץ אל ‎@ChromeDevTools.
  • אפשר להוסיף תגובות לסרטונים What's new in DevTools YouTube videos או DevTools Tips YouTube videos.

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

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