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

טוב לראות אותך שוב! התכונות החדשות שיתווספו לכלי הפיתוח ב-Chrome 64 כוללות:

אפשר להמשיך לקרוא או לצפות בגרסת הסרטון של נתוני הגרסה האלה בהמשך.

מעקב ביצועים

במעקב הביצועים ניתן לראות בזמן אמת היבטים שונים של טעינת דף או ביצועי זמן ריצה, כולל:

  • שימוש ביחידות עיבוד מרכזיות (CPU).
  • גודל הערימה של JavaScript.
  • המספר הכולל של צומתי DOM, פונקציות event listener של JavaScript, מסמכים ומסגרות בדף.
  • פריסות וחישובים מחדש של סגנונות בשנייה.

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

למה יש חשיבות לביצועים: BookMyShow השיגה עלייה של 80% במספר ההמרות לאחר שהיא פיתחה Progressive Web App שהתמקדה במהירות. מידע נוסף

כדי להשתמש במעקב הביצועים:

  1. פותחים את תפריט הפקודות.
  2. מתחילים להקליד Performance ולאחר מכן בוחרים Show Performance Monitor.

    מעקב הביצועים איור 1. כלי מעקב הביצועים

  3. לוחצים על מדד כדי להציג או להסתיר אותו. באיור 1 מוצגים התרשימים שימוש במעבד (CPU), גודל ערימה של JS ומאזינים לאירועי JS.

תכונות קשורות:

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

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

סרגל צד של המסוף

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

שימוש בסרגל הצד של המסוף להצגת הודעות שגיאה בלבד

איור 2. שימוש בסרגל הצד של המסוף להצגת הודעות שגיאה בלבד

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

תכונות קשורות:

קיבוץ הודעות מסוף דומות

מעכשיו הודעות דומות מקובצות ב-Console כברירת מחדל. לדוגמה, באיור 3 יש 27 מופעים של ההודעה [Violation] Avoid using document.write().

דוגמה לכך שהמסוף מקבץ הודעות דומות יחד

איור 3. דוגמה לכך שהמסוף מקבץ הודעות דומות יחד

לוחצים על קבוצה כדי להרחיב אותה ולראות את כל המופעים של ההודעה.

דוגמה לקבוצה מורחבת של הודעות במסוף

איור 4. דוגמה לקבוצה מורחבת של הודעות במסוף

כדי להשבית את התכונה הזו, בטלו את הסימון בתיבה קיבוץ דומה.

תכונות קשורות:

שינויים מקומיים

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

התכונה הזו נשלחת אל Chrome בגרסה 65, שתגיע כ-6 שבועות אחרי גרסה 64 של Chrome. למידע נוסף, ראו שינויים מקומיים. אם אתם משתמשים ב-Windows או ב-Mac, תוכלו לנסות את Chrome 65 עכשיו על ידי הורדת Chrome Canary.

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

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