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

Jecelyn Yeen

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

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

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

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

בעיה ב-Chromium: ‏ 423246

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

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

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

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

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

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

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