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

Kayce Basques

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

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

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

מעקב ביצועים

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

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

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

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

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

1. פותחים את תפריט הפקודה.

2. מתחילים להקליד Performance ובוחרים Show Performance Monitor.

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

3. לוחצים על מדד כדי להציג או להסתיר אותו. באיור 1: שימוש במעבד (CPU), גודל ערימה של JS ו-JS תרשימים של פונקציות event listener מוצגים.

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

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

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

סרגל צד במסוף

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

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

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

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

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

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

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

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

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

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

מבטלים את הסימון בתיבה Groupדומה כדי להשבית את התכונה הזו.

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

• יש לך אפשרות לקבץ את ההודעות במסוף באמצעות console.group().

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

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

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

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

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

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

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

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

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

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