אזהרה: יישום שולחן העבודה של Internet Explorer 11 שהוצאה משימוש הפך ללא זמין לצמיתות באמצעות עדכון Microsoft Edge בגירסאות מסוימות של Windows 10. לקבלת מידע נוסף, ראה שאלות נפוצות בנושא הוצאה משימוש של אפליקציית שולחן העבודה של Internet Explorer 11.
אודות עדכון זה
כדי לפתח דפי אינטרנט נהדרים, דרושה לך מומחיות בקידוד, וכן את הכלים המתאימים כדי למצוא ולאתר באגים בבעיות שחתוך באופן בלתי נמנע. עדכון זה מספק שיפורים משמעותיים לכלי הפיתוח של F12, כולל תכונות תיקוני באגים עבור ממשק המשתמש של F12, הקונסולה, סייר DOM, מאתר הבאגים, כלי האמולציה, יכולת התגובה של ממשק המשתמש וכלי פרופילי זיכרון.
שינויים בממשק המשתמש של F12
סמלים והודעות חדשיםה סמלים עבור כלי הזיכרון ו- Profiler השתנו.
כעת קיימים מחוונים בסרגל הסמלים עבור שגיאות במסוף, שינויים בהגדרות אמולציה ולהפעלה פעילה של יצירת פרופילים בכלים זיכרון, פרופיל ו- UI יכולת תגובה. התמונה הבאה מציגה את הסמלים החדשים עם הודעות בסמלים של כלי המסוף והזיכרון, המציינת כי מוצגות שתי שגיאות מסוף ושהפעלה של יצירת פרופילי זיכרון מתבצעת כעת:
ניווט בערכת-על של F6 בתוך כליםשימוש ב- F6 דומה לשימוש במקש Tab לניווט בכלי, אך הוא "כרטיסיות" באמצעות קבוצה נבחרת של הרכיבים הנפוצים ביותר הנמצאים בשימוש בחלונית כלים ולא באמצעות כל פריט הניתן לבחירה. זהו חלק ממערכת נקיה יותר הכוללת לשימוש בלוח המקשים כדי לנווט בין כלים.
מעבר הלוך ושוב בין כלים שהיו בשימוש לאחרונה באמצעות המקלדתבאפשרותך להשתמש ב- Ctrl + [ כדי לעבור אחורה בהיסטוריית הניווט של הכלי שלך וב- CTRL + ] כדי לעבור קדימה, בדומה לחצים אחורה וקדימה בעת גלישה.
גישה מהירה למצב מסמךרשימה נפתחת חדשה מתווספת בחלק העליון של הממשק המאפשרת לך לגשת למצב המסמך מכל כלי, כך שאין צורך להחליף כלים.
שינויים בקונסולה
Console.timeStamp()כאשר מתבצעת קריאה מהקונסולה או בתוך הקוד, Console.timeStamp() יוצר פלט למסוף מספר אלפיות השניה שכרטיסית הדפדפן הנוכחית פתוחה. אם מתבצעת קריאה אליה בעת הפעלת יצירת פרופיל באמצעות הכלי 'יכולת תגובה של ממשק המשתמש', הוא יוצר סימן משתמש על ציר הזמן של ההפעלה יחד עם חותמת זמן בהתבסס על השעה מאז תחילת ההפעלה.
הקשה על Ctrl + L מנקה את הקונסולה של כל ההודעות
השלמה אוטומטית מדויקתהשלמה האוטומטית של המסוף אינה כוללת עוד מאפייני בונה אינדקסים. התוצאה היא בחירה נקיה ומדויקת יותר של הצעות השלמה אוטומטית.
$, $$, $x, $0-$5 ו- $_ נוספו לרשימת ההשלמה האוטומטית של המסוף לנוחיותך, ותהפוך את אופן הפעולה של הקונסולה לעקבי יותר עם דפדפנים אחרים.
מחוון הודעה ישןאם בחרת לבטל את האפשרות נקה בעת ניווט, סמלי הקונסולה ישנות יותר מופיעים באפור כדי לעזור להבחין בין הודעות עבור הדף הפעיל והודעות מדפים משותפים בהיסטוריה שלך.
שינויים בסייר DOM
שינוי עמודות בחלונית מחושבהעמודות שינוי (צבעים שונים עבור מאפיינים שהשתנו, מאפיינים שנוספו ומאפיינים שנמחקו) שהמשתמשים נהנים מהחלונית סגנונות מופיעים כעת בחלונית סגנונות מחושבים.
שינויים של מאתר הבאגים
הקצאה למפות מקורלחץ באמצעות לחצן העכבר הימני על כרטיסיית מסמך במאתר הבאגים, ובאפשרותך לציין מפת מקור. הדבר מאפשר להשתמש במפות מקור יחד עם קוד שנשלח שבו הוסרה הערת מפת המקור.
השלמה אוטומטית ב- WatchesNow, בעת הוספת צפייה, מוצעות לך אפשרויות השלמה אוטומטית.
בדיקת ערך החזרהכשת פריצה לפונקציה עם ערך החזרה, שלב לתוך הפונקציה עד שצעדת אל הסוגר המסולסל הסוגר. הערך המוחזר יוצג במקטע המקומיים של החלונית 'שעונים'. שלב שוב, והערך יוחזר לקוד המכונה עבורו.
להדגמה מהירה, נסה קוד זה בקונסולה:
function showval() { var x = 0; x++; debugger; return x; } showval(); היא תקרא לפונקציה, תפסק את איתור הבאגים, ובאפשרותך להיכנס אליה כדי לראות את הערך המוחזר.
ניתן להשתמש בבחירה מרובה עבור נקודות עצירהCtrl + לחיצה, Shift + לחיצה ו- Ctrl + A כדי לבחור נקודות עצירה מרובות בחלונית נקודות עצירה.
המשך והתעלם מ- breaksPress F5 כדי להמשיך למעבר הבא. החזק את מקש F5 לחוץ כדי להמשיך מעברים מרובים עד שתשחרר את F5.
נקודות עצירה של אירוע ו- tracepoints אלה פועלות בדומה ל נקודות עצירה ולpoints שכבר קיימות בכלים של F12, אך במקום להיות מופעלים בעת הפעלת בלוק קוד ספציפי, הם מופעלים כאשר אירוע ספציפי מופעל. לכל אחד מהם יש מסנן מותנה אופציונלי שסייע לך לצמצם את הטווח שלו למופע הספציפי של אירוע שברצונך לבדוק. ניתן להוסיף אותם באמצעות הסמלים 'הוסף נקודת מעקב של אירוע' ו'הוסף נקודת עצירה של אירוע' המסומנים בתמונה הבאה:
שינויי כלי יכולת התגובה של ממשק המשתמש
הפעלות ביצועים של ייבוא/ייצואאין צורך לשחזר את מקרה הבדיקה בכל פעם שברצונך לנתח את הנתונים שהם מפיקים או משתפים נתונים אלה עם עמית. סמלי הייבוא (תיקיה) והייצוא (דיסק) בסרגל הסמלים של כלי יכולת התגובה של ממשק המשתמש מאפשרים לך לשמור את תמונות הזיכרון שלך בקובץ שניתן לייבא מאוחר יותר.
תצוגה מקדימה של תמונהאם ראית בקשת HTTP עבור תמונה ואתה תוהה איזו תמונה היא היתה, התמונה מוצגת כעת בתצוגה מקדימה בפרטי האירוע.
סינון אירועיםלחצן אירועי הסינון קטן אך רב-עוצמה. מאחורי לחצן זה מוסתר תפריט המאפשר לך לסנן אירועים בדרכים מרובות, ול בכל דרך יש השפעה משמעותית:
-
מסנן שם אירוע: סנן עבור כל שם אירוע המכיל התאמה עבור טקסט המסנן.
-
מסנן פעילות ממשק משתמש: באמצעות תיבות הסימון, באפשרותך לא לכלול קטגוריות גדולות של אירועים כדי להקל על ההתמקדות באזור שאתה חוקר. לדוגמה, אם אתה מעוניין רק בפעילות רשת, באפשרותך לסנן את כל הרעש של ממשק המשתמש ואיסוף אשפה.
-
מסנן סף זמן: תכונה זו מסננת אירועים ברמה העליונה פחות מפעם אחת במשך הזמן. בתרחישים רבים, פעולה זו מפשטת באופן דרמטי את תצוגת מפל המים ומסייעת לך להתמקד באירועים עם השפעה רבה יותר.
אירועי Scripting של HTML5אם אתה משתמש במאזין שאילתות מדיה או ב- MutationObservers, כעת באפשרותך לזהות את העלויות שלהם בהתאמה בעת הפעלת יצירת פרופילים של ביצועים.
קיבוץ מסגרתהלחצן בין הרשימה הנפתחת מיין לפי לתפריט סינון אירועים מחליף את מצב קיבוץ המסגרת. פעולה זו מקבצת אירועים ברמה העליונה ליחידת העבודה המתאימה שלהם (או "מסגרת") במהלך תקופות זמן שבהן מתרחשות הנפשות או עדכונים חזותיים. המסגרות מטופלות כאירועים אחרים, כך שניתן למיין ולסנן ן והן מספקות סיכום זמן כולל.
מדידים של משתמשיםאם אתה משתמש ב- API performance.mark() כדי להוסיף משולשים לציר הזמן כדי לציין היכן התרחשו אירועים ספציפיים, ה- API performance.measure() מרחיב את השימושיות של סימוני ביצועים. השתמש ב- performance.measure() כדי ליצור אירוע של מדיד משתמש המכלול את הזמן בין שני אירועי performance.mark(), לחץ באמצעות לחצן העכבר הימני על האירוע ולאחר מכן השתמש באפשרות סנן לאירוע כדי לבחור רק את האירועים בין שני הסימונים.
צביעה עבור DOMתכונה זו מוסיפה צביעה לרכיבים של DOM, ליטרל מחרוזת ולטרלי מספרים. מלבד הפיכת התוכן בתוך הכלים השונים של F12 להיראות ולתנהגו זהים יותר, הוא מוסיף עניין חזותי יותר בכלי יכולת התגובה של ממשק המשתמש.
סיכום בחירהכאי בחירת חלק מציר הזמן, החלונית פרטי אירוע תציג סיכום של הבחירה. רחף מעל מקטעים שונים של התרשים המעגלי לקבלת תיאור כלי עם קטגוריית האירוע של המקטע.
תמיכה עבור console.timeStamp()באמצעות פעולת השירות console.timeStamp() בקוד שלך או במסוף במהלך הפעלת יצירת פרופילים יוצרת סימן משתמש על ציר הזמן עם הזמן מאז הפעלת יצירת הפרופילים.
שינויי כלי הזיכרון
קיפול Dominatorקייפול Dominator עוזר לפשט את התוכן של תמונה על-ידי הסרת אובייקטים מתצוגות ברמה העליונה שהם רכיבים לוגיים של אובייקט אחר (לדוגמה, <BR> בתוך <DIV>, טווח המוחזק על-ידי פונקציה) ונוטים להיות פרטים נוספים שאינם משפרים את התובנות שלך לגבי הנתונים, אבל יכול לבזבז את הזמן שלך.
לדוגמה, התמונה הבאה מציגה את התצוגות לפני ואחרי, ומדגימה כיצד קיפול של דומינטור משפר את ה"סיפור" של הכלי. התצוגה מקופלת מציגה 30 רכיבי HTML <DIV>, חשבון של 15.64 מגה-בתים (MB) של זיכרון, והוא מחזיק לצמתי DOM מנותקים. במקרים רבים, לא חשוב לדעת את החיבור של אובייקט, אלא רק לדעת שהוא גדול מדי או דולף (במיוחד בעת שימוש בספריות של ספקים חיצוניים).
Colorization of DOM, String & Number literalsThis feature adds colorization to DOM elements, string literals, and number literals. מלבד הפיכת התוכן בתוך הכלים השונים של F12 להיראות ולתנהגו דומה יותר, הוא הופך את ניתוח הזיכרון למעניין יותר מבחינה חזותית.
Roots cycle filteringWant to be able to investigate the composition of an object without getting unknowly lost in a circular reference path? תכונה זו מזהה הפניות צאצא מעגליות ו"חיתוך" שלהן כך שלא יתבלבלו אם תעגל אותן לאינסוף. בנוסף, הוא מציין הפניות אלה כך שברורות בעת "חיתוך ההפניה".
הפעלת ייבוא/ייצואאין צורך לשחזר את מקרה הבדיקה בכל פעם שברצונך לנתח את הנתונים שהיא מפיקה או לשתף נתונים אלה עם עמית. סמלי הייבוא (תיקיה) והייצוא (דיסק) בסרגל הסמלים של כלי הזיכרון מאפשרים לך לשמור את תמונות הזיכרון שלך בקובץ שניתן לייבא מאוחר יותר.
שינויי כלי אמולציה
הגדרות עקביות ו- resetA סמל הגדרות של אמולציה עקבית מתווספת אל הכלי אמולציה. פעולה זו תשמר את הגדרות ההמולה הנוכחיות שלך עד לבלתי זמינה באופן ספציפי. פעולה זו מאפשרת לך לעבוד, לסגור את הדפדפן ולאחר מכן לחזור עם הגדרות ההמולה ללא שינוי. משמאל סמל זה מופיע סמל הגדרות איפוס אמולציה, אשר מאפס במהירות את הכלי בחזרה אל ערכי ברירת המחדל.
בנוסף, עדכון זה כולל את השיפורים הבאים בהתבסס על משוב מערוץ המפתחים של IE:
-
הוספת בורר צבעים בסייר DOM המאפשר לך לבחור צבעים מכל חלון בשולחן העבודה.
-
הוספת ערימות שיחות מקריאות אסינכרוניות קשורות עבור שעון עצר ותגובות XHR.
לקבלת מידע נוסף על השימוש בכלים למפתחי F12 ב- Internet Explorer 11, עבור אל אתרי האינטרנט הבאים של Microsoft:
עדכון מידע
עדכון זה נכלל לראשונה בעדכון האבטחה 2976627:
2976627 MS14-051: עדכון אבטחה מצטבר עבור Internet Explorer: 12 באוגוסט 2014
הערה אם התקנת תצוגה מקדימה של כלי הפיתוח של F12 מערוץ המפתחים של IE, אין צורך להסיר את ההתקנה של גירסה זו לפני התקנת עדכון זה.
כדי להתקין את עדכון האבטחה המצטבר האחרון עבור Internet Explorer, עבור אל Microsoft Update.
לקבלת מידע טכני אודות עדכון האבטחה המצטבר האחרון עבור Internet Explorer, עבור אל אתר האינטרנט הבא של Microsoft:
