תקציר של כלי הפיתוח – עריכות יעילות ברכיבים, ניפוי באגים של קובצי שירות (service worker) וגוונים של עיצוב חדשני תלת-ממדי

שימוש בתפריט ההקשר החדש של חלונית ה-DOM כדי לערוך צמתים ביעילות. ניפוי באגים של עובדים בשירותים ישירות דרך חלונית המשאבים. בוחרים מתוך כל הגוונים של Material Design בבוחר הצבעים. ספריות JS מסוג 'קופסה שחורה' בקלות רבה יותר.

תפריט ההקשר החדש והמשופר של חלונית ה-DOM

תפריט ההקשר החדש של DOM.

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

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

ניפוי באגים בקובצי שירות (service workers) באמצעות חלונית המשאבים

קובצי שירות הם נהדרים אחרי שמגדירים אותם, אבל יכול להיות שיהיה קשה להבין אותם בשלב מוקדם. המצב החמיר עוד יותר בגלל שצריך לצאת מכלי הפיתוח ולפתוח את chrome://serviceworker-internals/ בחלון דפדפן חדש כדי לנפות באגים בהם.

קובצי שירות (service worker) במשאבים

לא עוד! עכשיו אפשר לנפות באגים ב-service worker בדומיין הנוכחי ישירות מהחלונית 'משאבים'. התכונה עדיין נמצאת בתהליך פיתוח, אבל היא כבר שיפור משמעותי מהסטטוס קוו הקודם.

כל הצבעים: גוונים בעיצוב חומר בבוחר הצבעים

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

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

קל יותר להגדיר ספריות JavaScript בקופסה שחורה בהגדרות

הטעיה של JavaScript קיימת כבר זמן מה, אבל לא היה קל מאוד לגלות אותה. זו תכונה שמאפשרת להסתיר סקריפט בדף (Blackbox) כדי להתמקד בקוד שכתבתם בלבד (ולהסתיר את כל קוד האריזה).

העברנו אותה להגדרות. רוצה לנסות?

תיאור גנרי של רכיב

הטוב ביותר

  • אין לכם גישה למתגי ההפעלה/השבתה של הרינדור? הגדרות הרינדור הועברו לתפריט הראשי של DevTools (בקטע 'כלים נוספים'). בנוסף לאפשרויות הרגילות (למשל מדד FPS), העברנו לשם גם את האפשרות 'הדמיית מדיה להדפסה'.
  • נמאס לך להקליד את chrome://inspect בסרגל הכתובות? האפשרות בדיקת מכשירים נמצאת עכשיו גם בתפריט הראשי החדש, בקטע 'כלים נוספים'.
  • סגרתם בטעות אחת מהכרטיסיות הניתנות לסגירה בחלונית ההזזה, כמו 'עיבוד' או 'חיפוש'? עכשיו אפשר לפתוח אותן מחדש באמצעות התפריט החדש שמימין.

כמו תמיד, נשמח לשמוע את דעתכם ב-Twitter או בתגובות בהמשך, ולקבל דיווחים על באגים בכתובת crbug.com/new.

עד החודש הבא!
Paul Bakaus וצוות כלי הפיתוח