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

Kayce Basques

התכונות החדשות והשינויים העיקריים שיחולו בקרוב בכלי הפיתוח ב-Chrome 61 כוללים:

• סימולציה של ויסות נתונים (throttle) במכשירים ניידים. הגדרת ויסות נתונים (throttle) של המעבד ושל הרשת בו-זמנית, כך לדמות מכשירים ניידים בינוניים או פשוטים.
• נפח אחסון בשימוש. צפייה בנפח האחסון שהמקור משתמש בו, בחלוקה לפי טכנולוגיה (IndexedDB, cache, local, session וכו').
• חותמות זמן של המטמון. הצגת שגיאה של קובץ שירות (service worker) ששמור במטמון תגובה.
• מפעילים את מד ה-FPS דרך תפריט הפקודה.
• שינוי ההתנהגות של גלגל העכבר ומשטח המגע בחלונית הביצועים.
• ניפוי באגים במודולים של ES6 במקור.

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

הדמיה של מכשירים ניידים פשוטים ובינוניים במצב מכשיר

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

איור 1. תפריט הויסות (throttle)

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

צפייה בנפח האחסון בשימוש

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

איור 3. בקטע שימוש רואים ש-https://airhorner.com משתמש ב-66.9KB מתוך מכסת המקור היא 15214MB

הצגת תגובות שנשמרו במטמון של Service Worker

בעמודה החדשה Time cache בכרטיסייה Cache Storage אפשר לראות מתי קובץ Service Worker שמר במטמון תשובות מדויקות.

איור 4. העמודה זמן במטמון

הפעלת מד ה-FPS דרך תפריט הפקודה

עכשיו אפשר להפעיל את מד ה-FPS בתפריט הפקודות.

איור 5. הפעלת ה-FPS בתפריט הפקודה

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

פותחים את הגדרות ומגדירים את ההגדרה החדשה פעולה של גלגל העכבר ב-Flamechart כדי לשנות את האופן שבו גלגלי העכבר פועלים בחלונית ביצועים.

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

איור 6. ההגדרה פעולה באמצעות גלגל העכבר של Flamechart

תמיכה בניפוי באגים במודולים של ES6

מודולים של ES6 נשלחים במקור ב-Chrome 61. אין כאן כלום בקשר מלבד ניפוי הבאגים הזה, כלי הפיתוח פועלים כמו שאתם מצפים. כדאי לנסות להגדיר נקודות עצירה (breakpoint) עוברים על הטמעה של מודול ES6-Module של פול אירי ב-TodoMVC, ובודקים אותו בעצמכם.

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

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

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

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

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

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

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