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

ויסות בקשות WebSocket

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

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

ויסות בקשות 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 בצורה חלקה באמצעות כלי פיתוח, עם הודעות במסוף בצבעים מתאימים. אפשר לפתוח את ההדגמה הזו כדי לצפות בה בעצמכם.

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

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

בעיות ב-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 שקשורים לכלי פיתוח.

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

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

Chrome 127

Chrome 126

Chrome 125

Chrome 124

Chrome 123

Chrome 122

Chrome 121

Chrome 120

Chrome 119

Chrome 118

Chrome 117

Chrome 116

Chrome 115

Chrome 114

Chrome 113

Chrome 112

Chrome 111

Chrome 110

Chrome 109

Chrome 108

Chrome 107

Chrome 106

Chrome 105

Chrome 104

Chrome 103

Chrome 102

Chrome 101

Chrome 100

Chrome 99

Chrome 98

Chrome 97

Chrome 96

Chrome 95

Chrome 94

Chrome 93

Chrome 92

Chrome 91

Chrome 90

Chrome 89

Chrome 88

Chrome 87

Chrome 86

Chrome 85

Chrome 84

Chrome 83

Chrome 82

Chrome 82 בוטל.

Chrome 81

Chrome 80

Chrome 79

Chrome 78

Chrome 77

Chrome 76

Chrome 75

Chrome 74

Chrome 73

Chrome 72

Chrome 71

Chrome 70

Chrome 68

Chrome 67

Chrome 66

Chrome 65

Chrome 64

Chrome 63

Chrome 62

Chrome 61

Chrome 60

Chrome 59