דף זה תורגם על ידי Cloud Translation API.

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

Kayce Basques

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

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

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

הערה: כדאי לבדוק בכתובת chrome://version איזו גרסת Chrome מותקנת במכשיר. אם אתם מריצים גרסה קודמת, התכונות האלה לא יהיו קיימות. אם אתם מריצים גרסה מאוחרת יותר, יכול להיות שהתכונות האלה השתנו. Chrome מתעדכן באופן אוטומטי לגרסה ראשית חדשה כל 6 שבועות.

מעקב ביצועים

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

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

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

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

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

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

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

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

החלונית ביצועים. עברו על תהליך קריטי שעובר המשתמש ומתעדים את כל מה שקורה בדף, כולל פעילות 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 Canary עכשיו כדי לנסות את Chrome 65.

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

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

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

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

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