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

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

בחלונית רשת יש עכשיו תמיכה בבקשות ויסות (throttling) של שקע אינטרנט. בעבר, ויסות הרשת (throttle) לא פעל בבקשות לשקעי אינטרנט.

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

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

בעיה ב-Chromium: 423246

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

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

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

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

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

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

חלונית Reporting API

בעיה ב-Chromium: 1205856

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

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

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

בעיה ב-Chromium: 1257499

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

עיצוב נכון של הודעות יומן באמצעות קוד Escape מסוג ANSI

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

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

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

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

עיצוב הקונסולה

בעיות ב-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 (למשל, Web worker, service worker) עם SourceURL יחסי מוצגים עכשיו בחלונית מקור. בעבר, קובצי מקור של עובדים לא טופלו כראוי.

ALT_TEXT_HERE

בעיה ב-Chromium: 1277002

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

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

מלבד זאת, כשעיצוב כהה אוטומטי מופעל, התפריט הנפתח Emulate Preferred-color-scheme מושבת ומוגדר באופן אוטומטי ל-prefers-color-scheme: כהה.

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

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

בעיה ב-Chromium: 1243309

בוחר צבעים וחלונית מפוצלת ידידותית למגע

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

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

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

פרטים שונים

הנה כמה תיקונים חשובים בגרסה הזו:

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

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

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

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

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

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

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