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

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

Kayce Basques

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

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

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

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

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

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

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

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

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

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

הקטע Usage (שימוש)

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

הצגת תגובות שנשמרו במטמון של 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.

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

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

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

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

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