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

תמיכה בהצהרות מחדש של let ושל class במסוף

ה-Play Console תומך עכשיו בהצהרות מחדש של הצהרות let ו-class. חוסר היכולת להצהיר מחדש הייתה מטרד נפוץ למפתחי אתרים שמשתמשים במסוף כדי להתנסות בקוד JavaScript חדש.

לדוגמה, בעבר, כשמצהירים מחדש משתנה מקומי באמצעות let, ה- Console שולח הודעת שגיאה:

צילום מסך של המסוף ב-Chrome 78 שבו רואים שהצהרת ההרשאה נכשלה.

עכשיו, המסוף מאפשר את ההצהרה מחדש:

צילום מסך של המסוף ב-Chrome 80 שמראה שהצהרת ההרשאה מצליחה.

בעיה ב-Chromium #1004193

ניפוי באגים משופר ב-WebAssembly

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

צילום מסך של ניפוי הבאגים החדש ב-WebAssembly שמבוסס על DWARF.

עדכונים של חלונית הרשת

בקשה לשרשראות מאתחלות בכרטיסייה מאתחל

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

צילום מסך של שרשרת מאתחל בקשה בכרטיסייה מאתחל

אחרי שרושמים את פעילות הרשת בחלונית Network, לוחצים על משאב ועוברים לכרטיסייה Initiator כדי להציג את Request Initiator Chain שלו:

  • המשאב שנבדק מודגש. בצילום המסך שלמעלה, המשאב שנבדק הוא https://web.dev/default-627898b5.js.
  • המשאבים שמעל למשאב שנבדק הם היוצרים. בצילום המסך שלמעלה, https://web.dev/bootstrap.js הוא יוזם הפעולה של https://web.dev/default-627898b5.js. במילים אחרות, https://web.dev/bootstrap.js גרם לבקשת הרשת עבור https://web.dev/default-627898b5.js.
  • המשאבים שנמצאים מתחת למשאב שנבדק הם יחסי התלות. בצילום המסך שלמעלה, הערך https://web.dev/chunk-f34f99f7.js תלוי ב-https://web.dev/default-627898b5.js. במילים אחרות, https://web.dev/default-627898b5.js גרם לבקשת הרשת עבור https://web.dev/chunk-f34f99f7.js.

בעיה ב-Chromium #842488

הדגשת בקשת הרשת שנבחרה בכרטיסייה 'סקירה כללית'

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

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

בעיה ב-Chromium #988253

העמודות כתובת URL ונתיב בחלונית 'רשת'

בעמודות Path ו-URL החדשות בחלונית Network, ניתן לראות את הנתיב המוחלט או את כתובת ה-URL המלאה של כל משאב רשת.

צילום מסך של העמודות החדשות 'נתיב' ו'כתובת URL' בחלונית 'רשת'.

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

בעיה ב-Chromium #993366

מחרוזות סוכן המשתמש עודכנו

כלי הפיתוח תומכים בהגדרה של מחרוזת מותאמת אישית של סוכן משתמש דרך הכרטיסייה תנאי רשת. המחרוזת של סוכן המשתמש משפיעה על כותרת ה-HTTP של User-Agent שמצורפת למשאבי הרשת, וגם על הערך של navigator.userAgent.

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

צילום מסך של התפריט 'סוכן משתמש' בכרטיסייה 'תנאי רשת'.

כדי לגשת אל תנאי הרשת, פותחים את תפריט הפקודה ומריצים את הפקודה Show Network Conditions.

בעיה ב-Chromium #1029031

עדכונים של חלונית הביקורת

ממשק משתמש חדש להגדרות אישיות

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

ממשק המשתמש החדש של ההגדרות האישיות.

עדכונים בכרטיסיית הסיקור

מצבי כיסוי לכל פונקציה או לכל בלוק

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

התפריט הנפתח של מצב הכיסוי.

מעכשיו, הכיסוי צריך להתחיל באמצעות טעינה מחדש של הדף

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

בעיה ב-Chromium #1004203

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

כדאי להשתמש ב-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