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

Kayce Basques

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

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

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

מעקב אחר ביצועים

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

• שימוש במעבד.
• גודל הערימה (heap) של JavaScript.
• המספר הכולל של צמתי DOM,‏ JavaScript event listeners, מסמכים ומסגרות בדף.
• פריסות וחישובים מחדש של סגנון לשנייה.

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

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

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

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

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

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

3. לוחצים על מדד כדי להציג או להסתיר אותו. באיור 1 מוצגים התרשימים CPU Usage,‏ JS heap size ו-JS event listeners.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ביטולים מקומיים

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

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

הורדת ערוצי התצוגה המקדימה

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

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

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

• אתם מוזמנים לשלוח לנו משוב ובקשות להוספת תכונות בכתובת crbug.com.
• אפשר לדווח על בעיה בכלי פיתוח באמצעות הסמל more_vert אפשרויות נוספות > עזרה > דיווח על בעיה בכלי פיתוח בכלי הפיתוח.
• שולחים ציוץ אל ‎@ChromeDevTools.
• אפשר להוסיף תגובות לסרטונים What's new in DevTools YouTube videos או DevTools Tips YouTube videos.

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

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