תקציר של כלי הפיתוח, אוגוסט 2016

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

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

החל מגרסה 52 של Chrome, חלונית המשאבים כבר לא קיימת. השם שלו השתנה ל'לוח האפליקציות'. כל התכונות הישנות של חלונית המשאבים עדיין זמינות, ונוספו להן תכונות חדשות רבות שיעזרו לכם לנפות באגים באפליקציות אינטרנט מתקדמות (PWA). עכשיו גם אתם יכולים ליהנות מהנאות ניפוי הבאגים של מחזור החיים של ה-service worker ובעיות שקשורות לתזמון המטמון.

מומלץ לעיין במדריך החדש שכתבתי, כדי לקבל מידע נוסף על התכונות החדשות: ניפוי באגים ב-Progressive Web Apps

ChromeLens

עדשת Chrome.

ChromeLens הוא תוסף חדש מעולה שיעזור לכם לשפר את הנגישות של האתר לאנשים עם לקויות ראייה.

P.S. Rob Dodson השיק סדרת סרטונים חדשה בנושא נגישות, a11ycasts.

תכונות חדשות בערוץ Canary

הגרסה הנוכחית של Canary היא Chrome 54. לקוראים עתידיים: אם אתם משתמשים ב-Chrome מגרסה 54 ואילך, תוכלו להשתמש בתכונות האלה.

חלונית בחירת הצבעים נמצאת בחלונית המקורות.

בוחר הצבעים בחלונית המקורות.

לוחצים לחיצה ימנית על חלונית המשאבים בחלונית Network (רשת), ומעתיקים מחרוזת של בקשות cURL כדי להוריד את כל המשאבים.

העתקת הכול כ-curl.

אפשר להשבית את JavaScript דרך תפריט הפקודות. בעבר אפשר היה לעשות זאת רק דרך ההגדרות.

משביתים את JavaScript.

console.warn() כולל עכשיו נתיב סטאק.

מעקב ערימה של console.warn().

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

זמני ההפעלה של הפונקציות בחלונית המקורות.

רעיונות חדשים מהקהילה

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

  • @matthewcp: אפשר להציג רשימה פשוטה של אובייקטים שמתרחבים כדי לזרז את תהליך ניפוי הבאגים של דליפות זיכרון.
  • @jonathanbingram: אפשר להגדיל או להקטין את הערכים של font-weight באמצעות מקשי הקיצור להגדלה או להקטנה.
  • ‎@_bl4de: עריכת קובצי cookie (זו בעצם בקשה ישנה, אבל תודה שהעלית אותה שוב). יש שמועה ש@kdzwinel עובד על בקשת תמיכה.
  • @kienzle_s: מוסיפים מסנני OR למסנן בחלונית Network.

יש לך רעיון חדש? נשמח לשמוע על כך. אפשר לשלוח לנו הודעה ב-Twitter‏ ‎@ChromeDevTools ולספר לנו מה חדש.

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

עד החודש הבא!