היי, אני Kayce, כותבת טכנית ב-DevTools, וכאן אני רוצה לספר לכם על כל מה חדש באזור של DevTools.
החלונית 'משאבים' נקראת עכשיו 'אפליקציה'
החל מגרסה 52 של Chrome, החלונית 'משאבים' יצאה משימוש! השם שלו השתנה לחלונית 'אפליקציות'. כל התכונות הישנות של חלונית המשאבים עדיין זמינות, ועוד הרבה תכונות חדשות שיעזרו לך לנפות באגים ב-Progressive Web Apps. עכשיו גם אתם יכולים להתנסות בכיף בניפוי באגים שקשורים במחזור החיים של קובץ השירות ובתזמון של המטמון.
למידע נוסף על התכונות החדשות: Debug Progressive Web Apps, ניתן לעיין במדריך החדש שלנו, שכתב באמת.
ChromeLens
ChromeLens הוא תוסף חדש ונהדר שיעזור לכם להפוך את האתר שלכם לנגיש יותר ללקויי ראייה.
נ.ב. רוב דודסון השיק לאחרונה סדרת סרטונים חדשה בנושא נגישות, a11ycasts.
תכונות חדשות זמינות עכשיו ב-Canary
הגרסה הנוכחית של Canary היא Chrome 54. לכן, למען הקוראים בעתיד, אם אתם משתמשים ב-Chrome 54 ומעלה, תוכלו להשתמש בתכונות האלה!
בוחר הצבעים נמצא בחלונית 'מקורות'.
לוחצים לחיצה ימנית על החלונית Resources בחלונית Network, וניתן להעתיק מחרוזת של בקשות cURL כדי להוריד את כל המשאבים.
ניתן להשבית את JavaScript בתפריט הפקודות. בעבר זה היה זמין רק בהגדרות.
הדוח console.warn() כולל עכשיו דוח קריסות.
התכונה האחרונה הזו הייתה פעילה כבר כמה חודשים, אבל כדאי לציין אותה שוב. יוצרים תיעוד של ציר הזמן כשהאפשרות 'פרופיל JS' מופעלת, וניתן לראות פירוט של זמני הביצוע בחלונית 'מקורות'.
רעיונות חדשים מהקהילה
ריכזנו כאן כמה רעיונות חדשים מהקהילה שעשויים להיות בעתיד בכלי הפיתוח באזור שלכם.
- @matthewcp: כדי לזרז ניפוי באגים במקרה של דליפת זיכרון, אפשר להציג רשימה פשוטה של אובייקטים שהולכים וגדלים.
- @jonathanbingram: הגדלה או הקטנה של ערכי
font-weightבאמצעות מקשי קיצור של הוספה / הפחתה. - @_bl4de: ערכו קובצי cookie (זו בקשה ארוכת-שנים, אבל תודה שהעליתם אותה שוב). השמועה אומרת ש-@kdzwinel כבר מתפרסם על ידי היוצרים.
- @kienzle_s: מוסיפים מסנני OR למסנן בחלונית 'רשת'.
יש לכם רעיון חדש? נשמח לשמוע. אפשר לשלוח לנו פינג ב-Twitter בכתובת @ChromeDevTools ולספר לנו מה קורה.
לתשומת ליבכם, אם יש מסמכים שצריך לתקן או תכונות שצריך להסביר, אתם יכולים לפתוח את הבעיה במאגר המסמכים.
עד לחודש הבא!