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

Jecelyn Yeen

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

בחלונית Network יש עכשיו תמיכה בבקשות של Web Socket לוויסות הקצב. בעבר, צמצום הקצב של הרשת לא עבד בבקשות של שקעי אינטרנט.

פותחים את החלונית Network, לוחצים על בקשת Web Socket ופותחים את הכרטיסייה Messages כדי לצפות בהעברות ההודעות. בוחרים באפשרות 3G איטי כדי להגביל את המהירות.

בעיה ב-Chromium: 423246

חלונית Reporting API חדשה בחלונית האפליקציות

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

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

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

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

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

בעיה ב-Chromium: 1205856

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

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

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

בעיה ב-Chromium: 1257499

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

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

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

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

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

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

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

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

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

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

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

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

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

בעיה ב-Chromium: 1068788

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

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

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

בעיה ב-Chromium: 212374

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

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

בעיה ב-Chromium: 1284737

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

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

בעיה ב-Chromium: 1277002

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

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

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

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

בעיה ב-Chromium: 1243309

בוחר צבעים וחלונית מחולקת שמתאימים למגע

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

זו דוגמה שצולמה במסך המגע של מכשיר 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)
• אין צורך בטעינה מחדש כשעוברים בין עיצוב בהיר לעיצוב כהה ב-DevTools. (1278738)

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

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

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

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

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

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

רשימה של כל מה שנדון בסדרה מה חדש ב-DevTools.