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

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

Kayce Basques

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

סימולציה של ויסות נתונים במכשירים ניידים. ניתן להגדיר בו-זמנית ויסות נתונים של מעבד (CPU) ושל רשת, כדי לדמות מכשירים ניידים ברמה בינונית או נמוכה.
נפח אחסון בשימוש. ניתן לראות כמה נפח אחסון נמצא בשימוש במקור, בחלוקה לפי טכנולוגיה (IndexedDB, מטמון, מקומי, סשן וכו').
חותמות זמן של המטמון. הצגת המועד שבו Service Worker שומר תגובה במטמון.
מפעילים את מד ה-FPS מתפריט הפקודות.
שינוי ההתנהגות של גלגל העכבר ומשטח המגע בחלונית הביצועים.
ניפוי באגים במודולים של ES6.

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

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

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

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

איור 1. תפריט ויסות הנתונים

איור 2. תוכלו להעביר את העכבר מעל התפריט throttling או לפתוח את התפריט Capture Settings כדי לראות את ההגדרות של Mid-tier mobile ו-Low-end mobile.

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

בקטע החדש Usage בכרטיסייה Clear Storage בחלונית Application אפשר לראות את נפח האחסון שנעשה בו שימוש במקור, ואת המכסה המקסימלית למקור במכשיר.

הקטע 'שימוש'

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

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

בעמודה Time Cached החדשה בכרטיסייה Cache Storage ניתן לראות מתי Service Worker מגיב במטמון.

העמודה 'זמן שמירה במטמון'

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

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

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

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

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

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

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

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

ההגדרה 'פעולת גלגל העכבר בתרשים Flamechart'

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

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

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

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

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

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

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

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