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

פול באקאס
פול באקאוס

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

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

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

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

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

ניפוי באגים ב-Service Workers באמצעות החלונית 'משאבים'

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

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

כבר לא! עכשיו אפשר לנפות באגים ב-Service Workers עבור הדומיין הנוכחי ישירות מהחלונית 'Resources'. היא עדיין בשלבי עבודה, אבל כבר יש שיפור משמעותי בהשוואה לסטטוס קוו הקודם.

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

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

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

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

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

העברנו אותו ל'הגדרות'. כדאי לנסות:

בלאקבוקסינג

כל השאר

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

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

עד החודש הבא!
פול באקאוס וצוות כלי הפיתוח