שימוש בתפריט ההקשר החדש של חלונית ה-DOM כדי לערוך צמתים ביעילות. ניפוי באגים של עובדים בשירותים ישירות דרך חלונית המשאבים. בבורר הצבעים אפשר לבחור מכל גווני Material Design. ספריות JS מסוג 'קופסה שחורה' בקלות רבה יותר.
תפריט ההקשר החדש והמשופר של חלונית DOM
ניתחנו את הפעולות הנפוצות ביותר בחלונית DOM, והגענו למסקנה שצריך לנקות את תפריט ההקשר של הלחיצה הימנית ולסדר אותו מחדש.
עכשיו קל יותר להסתיר או למחוק רכיב במהירות, להפעיל מצב מסוים כמו :active או :hover או לערוך את ה-HTML שלו. אם אתם משתמשים במשטח מגע ולא רוצים ללחוץ לחיצה ימנית, תוכלו ללחוץ במקום זאת על שלוש הנקודות הקטנות לצד הרכיב שנבחר.
ניפוי באגים בקובצי שירות (service worker) דרך חלונית המשאבים
קובצי שירות הם נהדרים אחרי שמגדירים אותם, אבל יכול להיות שיהיה קשה להבין אותם בשלב מוקדם. המצב החמיר עוד יותר בגלל שצריך לצאת מכלי הפיתוח ולפתוח את chrome://serviceworker-internals/ בחלון דפדפן חדש כדי לנפות באגים בהם.
לא עוד! עכשיו אפשר לנפות באגים ב-service workers של הדומיין הנוכחי ישירות מהחלונית 'משאבים'. התכונה עדיין נמצאת בתהליך פיתוח, אבל היא כבר שיפור משמעותי מהסטטוס קוו הקודם.
כל הצבעים: גוונים של עיצוב חדשני תלת-ממדי בבורר הצבעים
לפני כמה שבועות הוספנו את לוח הצבעים של עיצוב חדשני תלת-ממדי לבורר הצבעים, כדי לספק לכם צבעים ראשיים ונועזים מוכנים לשימוש. כדי לעצב דף מלא, צריך גישה מלאה לכל הגוונים של Material Design, ולכן הוספנו אותם.
כדי להציג את גווני הצבע, לוחצים לחיצה ארוכה על אחד מהצבעים הראשיים ולוחצים על גוון אחר במקום זאת.
קל יותר להגדיר ספריות JavaScript בקופסה שחורה בהגדרות
הטעיה של JavaScript קיימת כבר זמן מה, אבל לא היה קל מאוד לגלות אותה. זו תכונה שמאפשרת להסתיר סקריפט בדף בקופסה שחורה כדי להתמקד בקוד שכתבתם בלבד (ולהסתיר את כל הקוד שמקיף אותו).
עכשיו העתקנו אותו אל ההגדרות. כדאי לנסות:
המיטב מכל השאר
- אין לכם גישה למתגי ההפעלה/השבתה של העיבוד? הגדרות הרינדור הועברו לתפריט הראשי של DevTools (בקטע 'כלים נוספים'). בנוסף לאפשרויות הרגילות (למשל מדד FPS), העברנו לשם גם את האפשרות 'הדמיית מדיה להדפסה'.
- נמאס לכם להקליד chrome://inspect בסרגל הכתובות? האפשרות בדיקת מכשירים נמצאת עכשיו גם בתפריט הראשי החדש בקטע 'כלים נוספים'.
- סגרתם בטעות אחת מהכרטיסיות הניתנות לסגירה בחלונית ההזזה, כמו 'עיבוד' או 'חיפוש'? עכשיו אפשר לפתוח אותם מחדש באמצעות התפריט החדש שמימין.
כמו תמיד, נשמח לשמוע את דעתכם ב-Twitter או בתגובות בהמשך, ולקבל דיווחים על באגים בכתובת crbug.com/new.
עד החודש הבא!
Paul Bakaus וצוות DevTools