שלום לכולם, במהדורה האחרונה של תקציר כלי הפיתוח (DevTools Digest), בדקנו את המקבצי הקריאות האסינכרוניים והעוצמתיים הבאים, ועוד כמה. במהדורה הזו נציג סינון רשת משופר (עם השלמה אוטומטית), יכולות עריכה עם תוכן Shadow DOM, עדכוני CodeMirror 4 ועוד.
סינון בחלונית הרשת
עכשיו אפשר לסנן משאבים לפי שדות מסוימים כמו דומיין. אחד מהפורמטים של המסנן הוא: Domain:website.com
. בנוסף לסינון, תקבלו גם הצעות להשלמה אוטומטית עבור ערכי מסנן חוקיים שמתעדכנים בזמן אמת תוך כדי הקלדת השאילתה. הדבר עשוי להיות שימושי אם תצטרכו למצוא את כל המשאבים שמקבלים שירות על ידי דומיין מסוים. [crbubg.com/258421]
עריכת תוכן ה-DOM של Shadow
כלי הפיתוח תמיד יכולים לערוך HTML רגיל בחלונית 'רכיבים', והיכולות האלה מתרחבות עכשיו לרכיבים ב-DOM של צל. [crbug.com/348991]
שדרוג ל-CodeMirror 4.0
CodeMirror, עורך הטקסט מבוסס JavaScript שמשמש כחלק מחלונית המקורות שודרג לגרסה 4. קבוצה של פונקציונליות חדשה נוספה כתוצאה מכך. crbug.com/356878]
חיפוש מהיר של נכס CSS
עכשיו אפשר לחפש שמות, ערכים או בוררי כללים של נכסים מתיבת החיפוש החדשה בחלונית 'סגנונות'. התוצאות מודגשות בזמן אמת תוך כדי הקלדת השאילתה. [crbug.com/278852]
חותמות זמן לצד הודעות במסוף
כשרושמים הודעות ברצף, כדאי לראות את השעה המדויקת שבה ההודעה נרשמה ביומן. אפשר להפעיל זאת באמצעות הניסויים בכלי הפיתוח. [crbug.com/131714]
פירוט של נתונים סטטיסטיים של הזיכרון לגבי תמונות מצב של ערימה
כשמציגים תמונת מצב של ערימה (heap snapshot) מתועדת, שימו לב לתרשים עוגה סטטיסטי שמספק סקירה ויזואלית לפי צבעים, לגבי ההיבט של JavaScript שצורך הכי הרבה זיכרון. זו תכונה ניסיונית. כדי לנסות אותה, צריך להפעיל את התכונה 'נתונים סטטיסטיים של תמונת מצב של תמונת מצב של ערימה'. [crbug.com/346335]
הצגת המקור המקורי של console.log, ולא הגרסה הארוזה
סביר להניח שיש לכם פונקציית wrapper של console.log, אבל לצערנו במסוף, כל ההודעות שלכם מגיעות ממחרוזת כמו util.js:46. עכשיו אתם יכולים להגדיר בכלי הפיתוח לתקן את המיקומים המקוריים. צריך להזין את הקובץ שאורז את הודעות היומן של המסוף בתיבת הקלט 'דילוג בין מקורות עם שמות ספציפיים', כדי שההודעות של כלי הפיתוח יסגרו את הקובץ, ולאחר מכן תציג את המקור האמיתי של הצהרת יומן. [crbug.com/231007]
עוד כמה תוספות קטנות ועוצמתיות
אחרי הוספה או הסרה דינמית של פונקציות event listener ל-JavaScript, אתם יכולים לרענן את החלונית Event listeners בחלונית הרכיבים. [crbug.com/341044]
אפשר להשתמש ב
Ctrl+
כדי להתמקד בקלט של המסוף. הכלי הזה יכול להיות שימושי לתהליך עבודה במקלדת בלבד בכלי הפיתוח. [crbug.com/144943]הצעות להשלמה אוטומטית בסגנון גבול לערכים (מנוקד, מקווקו, כפול, גרוב) עודכנו כדי להתאים למפרט. [crbug.com/349998]
הלחצן שחזור הגדרות ברירת המחדל וטעינה מחדש **נוסף לחלונית ההגדרות, שעושה בדיוק את מה שכתוב בפח. [crbug.com/135451]
בשלב הזה, התכונה היא ניסיונית. אפשר לנסות את העגינה שמאלה כדי לבדוק אם היא מתאימה לתהליך העבודה שלך. מצבי הפריסה האחרים מוצמדים לחלון הראשי (בצד ימין או למטה) ומשחררים מהעגינה בחלון נפרד. [crbug.com/134282]
"wheel" מוצע עכשיו כנקודת עצירה של event listener, בנוסף לאירועים הרגילים של click, mousemove, mousedown וכו'. [crbug.com/347562]
זה הכול בינתיים, תודה על הקריאה.