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

ויסות בקשות של WebSocket

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

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

ויסות בקשות של WebSocket

בעיה ב-Chromium: 423246

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

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

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

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

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

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

חלונית Reporting API

בעיה ב-Chromium: 1205856

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

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

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

בעיה ב-Chromium: 1257499

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

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

עכשיו אפשר להשתמש ברצפי 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 כפי שצוין ב-Console Standard. בעבר, תוצאת השיחה לא הייתה עקבית.

מציינים פורמט תמיכה בהודעת המסוף

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

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

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

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

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

בעיה ב-Chromium: 1068788

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

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

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

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

בעיה ב-Chromium: 212374

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

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

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

בעיה ב-Chromium: 1284737

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

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

ALT_TEXT_HERE

בעיה ב-Chromium: 1277002

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

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

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

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

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

בעיה ב-Chromium: 1243309

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

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

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

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

דגשים שונים

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

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

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

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

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

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

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

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

Chrome 123

גרסה 122 של Chrome

גרסה 121 של Chrome

Chrome 120

גרסה 119 של Chrome

גרסה 118 של Chrome

גרסה 117 של Chrome

גרסה 116 של Chrome

Chrome 115

Chrome 114

גרסה 113 של Chrome

גרסה 112 של Chrome

גרסה 111 של Chrome

Chrome 110

Chrome 109

גרסה 108 של Chrome

גרסה 107 של Chrome

Chrome 106

Chrome 105

Chrome 104

גרסה 103 של Chrome

גרסה 102 של Chrome

גרסה 101 של Chrome

Chrome 100

גרסה 99 של Chrome

Chrome 98

Chrome 97

Chrome 96

Chrome 95

Chrome 94

Chrome 93

גרסה 92 של Chrome

גרסה 91 של Chrome

Chrome 90

גרסה 89 של Chrome

גרסה 88 של Chrome

גרסה 87 של Chrome

גרסה 86 של Chrome

גרסה Chrome 85

גרסה 84 של Chrome

גרסה 83 של Chrome

גרסה 82 של Chrome

Chrome 82 בוטל.

גרסה 81 של Chrome

גרסה 80 של Chrome

גרסה 79 של Chrome

גרסה 78 של Chrome

גרסה 77 של Chrome

גרסה 76 של Chrome

גרסה 75 של Chrome

גרסה 74 של Chrome

גרסה 73 של Chrome

גרסה 72 של Chrome

גרסה 71 של Chrome

גרסה 70 של Chrome

גרסה Chrome 68

Chrome גרסה 67

Chrome 66

גרסה Chrome 65

Chrome 64

Chrome 63

גרסה 62 של Chrome

גרסה 61 של Chrome

Chrome 60

Chrome 59