Σημείωση: Η εφαρμογή υπολογιστή Internet Explorer 11 θα αποσυρθεί και θα αποσυρθεί από την υποστήριξη στις 15 Ιουνίου 2022 (για μια λίστα με τις δυνατότητες που υπάρχουν, ανατρέξτε στις Συνήθεις ερωτήσεις). Οι ίδιες εφαρμογές και τοποθεσίες IE11 που χρησιμοποιείτε σήμερα μπορούν να ανοίξουν σε Microsoft Edge λειτουργία Internet Explorer. Μάθετε περισσότερα εδώ.

Πληροφορίες σχετικά με αυτήν την ενημέρωση

Για να αναπτύξετε εξαιρετικές ιστοσελίδες, χρειάζεστε εξειδίκευση στην κωδικοποίηση, καθώς και τα σωστά εργαλεία για την εύρεση και τον εντοπισμό σφαλμάτων ζητημάτων που αναπόφευκτα αναπτύσσονται. Αυτή η ενημέρωση παρέχει σημαντικές βελτιώσεις στα εργαλεία προγραμματιστή F12, συμπεριλαμβανομένων των δυνατοτήτων και των επιδιορθώσεων σφαλμάτων για το περιβάλλον εργασίας χρήστη F12, την κονσόλα, την εξερεύνηση DOM, το πρόγραμμα εντοπισμού σφαλμάτων, το εργαλείο προσομοίωσης, την απόκριση του περιβάλλοντος εργασίας χρήστη και τα εργαλεία δημιουργίας προφίλ μνήμης. 

Αλλαγές στο περιβάλλον εργασίας χρήστη F12

Νέα εικονίδια και ειδοποιήσειςΤα εικονίδια για τα εργαλεία μνήμης και profiler έχουν αλλάξει.

Υπάρχουν πλέον ενδείξεις στη γραμμή εικονιδίων για σφάλματα στην κονσόλα, αλλαγές στις ρυθμίσεις προσομοίωσης και για ενεργές περιόδους λειτουργίας προφίλ στα εργαλεία μνήμης, προφίλ και απόκρισης περιβάλλοντος εργασίας χρήστη. Η παρακάτω εικόνα εμφανίζει τα νέα εικονίδια με ειδοποιήσεις στα εικονίδια της κονσόλας και του εργαλείου μνήμης, υποδεικνύοντας ότι εμφανίζονται δύο σφάλματα κονσόλας και ότι μια περίοδος λειτουργίας δημιουργίας προφίλ μνήμης είναι σε εξέλιξη:
Νέα διεπαφή

Η περιήγηση υπερσύνολο F6 μέσα σε εργαλεία Η χρήση του F6 είναι σαν να χρησιμοποιείτε το πλήκτρο Tab για να περιηγείστε σε ένα εργαλείο, αλλά "στηλοθέτες" σε ένα επιλεγμένο σύνολο των στοιχείων που χρησιμοποιούνται συχνότερα σε ένα παράθυρο εργαλείων και όχι σε κάθε στοιχείο με δυνατότητα επιλογής. Αυτό αποτελεί μέρος ενός συνολικού καθαρότερου συστήματος για τη χρήση του πληκτρολογίου για την περιήγηση εντός και μεταξύ των εργαλείων.

Μετακινηθείτε μεταξύ των εργαλείων που χρησιμοποιήθηκαν πρόσφατα χρησιμοποιώντας το πληκτρολόγιοΜπορείτε να χρησιμοποιήσετε το συνδυασμό πλήκτρων Ctrl + [ για να μετακινηθείτε προς τα πίσω στο ιστορικό περιήγησης των εργαλείων σας και το συνδυασμό πλήκτρων CTRL + ] για να μετακινηθείτε προς τα εμπρός, παρόμοια με τα βέλη προς τα πίσω και προς τα εμπρός κατά την περιήγηση.

Γρήγορη πρόσβαση σε λειτουργία εγγράφου Μια νέα αναπτυσσόμενη λίστα προστίθεται στο επάνω μέρος του περιβάλλοντος εργασίας που σας επιτρέπει να έχετε πρόσβαση στη λειτουργία εγγράφου από οποιοδήποτε εργαλείο, επομένως δεν χρειάζεται να κάνετε εναλλαγή εργαλείων.
Αναπτυσσόμενο μενού

Αλλαγές κονσόλας

Console.timeStamp()Όταν καλείται από την κονσόλα ή μέσα σε κώδικα, η κονσόλα.timeStamp() εκροών στην κονσόλα έχει ανοίξει τον αριθμό των χιλιοστών του δευτερολέπτου που έχει ανοίξει η τρέχουσα καρτέλα του προγράμματος περιήγησης. Εάν καλείται κατά την εκτέλεση μιας περιόδου λειτουργίας προφίλ με το εργαλείο ανταπόκρισης του περιβάλλοντος εργασίας χρήστη, δημιουργεί ένα σημάδι χρήστη στη λωρίδα χρόνου της περιόδου λειτουργίας μαζί με μια χρονική σήμανση με βάση το χρόνο από την αρχή της περιόδου λειτουργίας.

Ο συνδυασμός πλήκτρων Ctrl + L απαλείφει την κονσόλα όλων των μηνυμάτων

Η αυτόματη καταχώρηση της κονσόλας με ακρίβεια δεν περιλαμβάνει πλέον ιδιότητες ευρετηρίου. Αυτό έχει ως αποτέλεσμα μια πιο καθαρή και πιο ακριβή επιλογή προτάσεων αυτόματης καταχώρησης.

$, $$, $x, $0-$5 και $_ έχουν προστεθεί στη λίστα αυτόματης καταχώρησης κονσόλας για ευκολία και για να γίνει η συμπεριφορά της κονσόλας πιο συνεπής με άλλα προγράμματα περιήγησης.

Παλιά ένδειξη μηνύματοςΕαν έχετε επιλέξει να απενεργοποιήσετε την επιλογή "Απαλοιφή κατά την περιήγηση", τα παλαιότερα μηνύματα κονσόλας έχουν τα εικονίδιά τους απενεργοποιημένο για να σας βοηθήσουν να διακρίνετε τα μηνύματα για την ενεργή σελίδα και τα μηνύματα από προηγούμενες σελίδες στο ιστορικό σας.
Ένδειξη μηνύματος μπαγιάτικου

Αλλαγές στην Εξερεύνηση DOM

Αλλαγή γραμμών στο παράθυρο "Υπολογισμός"Οι γραμμές αλλαγής (διαφορετικά χρώματα για τις αλλαγμένο ιδιότητες, τις ιδιότητες που προστέθηκαν και τις διαγραμμένες ιδιότητες) που οι χρήστες απολαμβάνουν το παράθυρο "Στυλ" τώρα εμφανίζονται στο παράθυρο "Υπολογιστικά στυλ".
Αλλαγή γραμμών στο παράθυρο "Υπολογισμός"

Αλλαγές του εντοπισμού σφαλμάτων

Προσδιορισμός χαρτών προέλευσης Κάντε δεξί κλικ στην καρτέλα ενός εγγράφου στο πρόγραμμα εντοπισμού σφαλμάτων και μπορείτε να καθορίσετε μια αντιστοίχιση προέλευσης. Αυτό επιτρέπει τη χρήση χαρτών προέλευσης μαζί με τον απεσταλμένο κώδικα που έχει καταργήσει το σχόλιο χάρτη προέλευσης.
Οι χάρτες προέλευσης ορίζουν

Αυτόματη καταχώρηση στο WatchesNow, κατά την προσθήκη ενός ρολογιού, προτείνονται επιλογές αυτόματης καταχώρησης σε εσάς.
Αυτόματη συμπλήρωση σε ρολόγια

Έλεγχος επιστροφής τιμήςΌταν κάνετε θραύση σε μια συνάρτηση με μια τιμή επιστροφής, μπείτε στη συνάρτηση μέχρι να έχετε πατήσει το άγκιρο κλεισίματος. Η τιμή επιστροφής θα εμφανιστεί στην ενότητα "Τοπικές ρυθμίσεις" του παραθύρου "Ρολόγια". Κάντε ξανά ένα βήμα και η τιμή θα επιστραφεί στον κωδικό που το ζήτησε.

Για μια γρήγορη επίδειξη, δοκιμάστε αυτόν τον κώδικα στην Κονσόλα:

function showval() { var x = 0; x++; debugger; return x; } showval(); 

Θα καλέσει τη συνάρτηση, θα διακόψει το πρόγραμμα εντοπισμού σφαλμάτων και μπορείτε να μπείτε σε αυτή για να δείτε την τιμή επιστροφής.

Μπορείτε να επιλέξετε πολλά σημεία διακοπήςCtrl + κλικ, Shift + κλικ και το συνδυασμό πλήκτρων Ctrl + A για να επιλέξετε πολλά σημεία διακοπής στο παράθυρο "Σημεία διακοπής".

Συνεχίστε και αγνοήστε τα breakPress F5 για να συνεχίσετε στην επόμενη αλλαγή. Κρατήστε πατημένο το πλήκτρο F5 για να συνεχίσετε μετά από πολλές αλλαγές μέχρι να αποδεσμεύετε το πλήκτρο F5.

Σημεία διακοπής συμβάντων και σημεία ανίχνευσης Αυτά λειτουργούν παρόμοια με τα σημεία διακοπής και τα σημεία ανίχνευσης που υπάρχουν ήδη στα εργαλεία F12, αλλά αντί να ενεργοποιούνται όταν εκτελείται ένα συγκεκριμένο μπλοκ κώδικα, ενεργοποιούνται όταν ένα συγκεκριμένο συμβάν ενεργοποιείται. Καθένα από αυτά έχει ένα προαιρετικό φίλτρο υπό όρους για να σας βοηθήσει να περιορίσετε το εύρος τους στη συγκεκριμένη παρουσία ενός συμβάντος που θέλετε να ελέγξετε. Μπορούν να προστεθούν χρησιμοποιώντας τα εικονίδια "Προσθήκη σημείου ανίχνευσης συμβάντος" και "Προσθήκη εικονιδίων σημείων διακοπής συμβάντος" που επισημαίνονται στην
παρακάτω εικόνα:Σημεία διακοπής συμβάντων και σημεία ανίχνευσης

Αλλαγές στο εργαλείο ανταπόκρισης του περιβάλλοντος εργασίας χρήστη

Περίοδοι λειτουργίας εισαγωγής/εξαγωγής επιδόσεων Δεν θα πρέπει να χρειάζεται να αναπαράγετε τη δοκιμαστική υπόθεσή σας κάθε φορά που θέλετε να αναλύσετε τα δεδομένα που παράγει ή να κάνετε κοινή χρήση των δεδομένων με ένα συνάδελφο. Τα εικονίδια εισαγωγής (φακέλου) και εξαγωγής (δίσκος) στη γραμμή εικονιδίων του εργαλείου ανταπόκρισης του περιβάλλοντος εργασίας χρήστη σας επιτρέπει να αποθηκεύσετε τα στιγμιότυπα μνήμης σε ένα αρχείο που μπορεί να εισαχθεί αργότερα.

Προεπισκόπηση εικόναςΑν έχετε δει μια αίτηση HTTP για μια εικόνα και αναρωτιέστε ποια εικόνα ήταν, η εικόνα είναι τώρα σε προεπισκόπηση στις λεπτομέρειες του συμβάντος.
Προεπισκόπηση εικόνας

Φιλτράρισμα συμβάντωνΤο κουμπί "Φιλτράρισμα συμβάντων" είναι μικρό αλλά ισχυρό. Το κρυφό πίσω από αυτό το κουμπί είναι ένα μενού που σας επιτρέπει να φιλτράρετε συμβάντα με πολλούς τρόπους και κάθε τρόπος έχει σημαντική επίδραση:

  • Φίλτρο ονόματος συμβάντος: Φιλτράρισμα για οποιοδήποτε όνομα συμβάντος που περιέχει μια αντιστοιχία για το κείμενο φίλτρου.

  • Φίλτρο δραστηριότητας περιβάλλοντος εργασίας χρήστη: Χρησιμοποιώντας τα πλαίσια ελέγχου, μπορείτε να εξαιρέσετε μεγάλες κατηγορίες συμβάντων για να διευκολύνετε την εστίαση στην περιοχή που διερευνάτε. Για παράδειγμα, εάν σας ενδιαφέρει μόνο η δραστηριότητα δικτύου, μπορείτε να φιλτράρετε όλο το θόρυβο του περιβάλλοντος εργασίας χρήστη και της συλλογής απορριμμάτων.

  • Φίλτρο ορίου χρόνου: Αυτή η δυνατότητα φιλτράρει συμβάντα ανώτατου επιπέδου που είναι λιγότερα από ένα χιλιοστά του δευτερολέπτου στη διάρκεια. Σε πολλά σενάρια, αυτό απλοποιεί εντυπωσιακά την προβολή καταρράκτη και σας βοηθά να εστιάζετε σε πιο εντυπωσιακά συμβάντα.
    Φίλτρο ορίου χρόνου

Συμβάντα δέσμης ενεργειών HTML5Αν χρησιμοποιείτε ακροατές ερωτημάτων πολυμέσων ή mutationObservers,μπορείτε πλέον να προσδιορίσετε το αντίστοιχο κόστος τους όταν εκτελείτε μια περίοδο λειτουργίας δημιουργίας προφίλ επιδόσεων.
Συμβάντα δέσμης ενεργειών HTML5

Ομαδοποίηση πλαισίωνΤο κουμπίThe μεταξύ της αναπτυσσόμενης λίστας "Ταξινόμηση κατά" και του μενού "Φιλτράρισμα συμβάντων" εναλλάσσει την ομαδοποίηση πλαισίων. Αυτό ομαδοποιεί συμβάντα ανώτατου επιπέδου στην αντίστοιχη μονάδα εργασίας τους (ή "πλαίσιο") κατά τη διάρκεια χρονικών περιόδων κατά τις οποίες έγιναν κινήσεις ή οπτικές ενημερώσεις. Τα πλαίσια αντιμετωπίζονται όπως τα άλλα συμβάντα, ώστε να μπορούν να ταξινομούνται και να φιλτράρονται και παρέχουν μια σύνοψη χρόνου χωρίς αποκλεισμούς.
Ομαδοποίηση πλαισίων

Μέτρηση χρήστηΕάν χρησιμοποιείτε το API performance.mark() για να προσθέσετε τρίγωνα στη λωρίδα χρόνου για να υποδείξετε πού παρουσιάστηκαν συγκεκριμένα συμβάντα, το API performance.measure() επεκτείνει τη χρησιμότητα των σημαδιών επιδόσεων. Χρησιμοποιήστε performance.measure() για να δημιουργήσετε ένα συμβάν μέτρησης χρήστη που περιλαμβάνει το χρόνο μεταξύ δύο συμβάντων performance.mark() και, στη συνέχεια, κάντε δεξί κλικ στο συμβάν και, στη συνέχεια, χρησιμοποιήστε την επιλογή "Φίλτρο" για να επιλέξετε μόνο τα συμβάντα μεταξύ των δύο σημαδιών.
Μέτρα χρηστών

Ο χρωματισμός για τη δυνατότητα DOMThis προσθέτει χρωματισμό σε στοιχεία DOM, λεκτικά συμβολοσειρών και λεκτικά λεκτικά στοιχεία αριθμού. Εκτός από την εμφάνιση και τη συμπεριφορά του περιεχομένου στα διάφορα εργαλεία F12, προσθέτει περισσότερο οπτικό ενδιαφέρον στο εργαλείο ανταπόκρισης του περιβάλλοντος εργασίας χρήστη.

Σύνοψη επιλογήςΌταν επιλέγετε ένα τμήμα της λωρίδας χρόνου, το παράθυρο λεπτομερειών συμβάντος θα εμφανίζει μια σύνοψη της επιλογής. Τοποθετήστε το δείκτη του ποντικιού επάνω σε διαφορετικά τμήματα του κυκλικού γραφήματος για μια συμβουλή εργαλείου με την κατηγορία συμβάντος του τμήματος.
Σύνοψη επιλογής

Υποστήριξη για console.timeStamp()Η χρήση της μεθόδου console.timeStamp() στον κώδικά σας ή στην κονσόλα κατά τη διάρκεια μιας περιόδου λειτουργίας προφίλ δημιουργεί ένα σημάδι χρήστη στη λωρίδα χρόνου που έχει το χρόνο από την αρχή της περιόδου λειτουργίας δημιουργίας προφίλ.

Αλλαγές στο εργαλείο μνήμης

Η αναδίπλωση του Dominator Με αναδίπλωση του Dominator απλοποιεί τα περιεχόμενα ενός στιγμιότυπου καταργώντας αντικείμενα από τις προβολές ανώτατου επιπέδου που είναι λογικά στοιχεία ενός άλλου αντικειμένου (για παράδειγμα, ένα <BR> μέσα σε ένα <DIV>, ένα εύρος που πραγματοποιείται από μια συνάρτηση) και έχει την τάση να είναι επιπλέον λεπτομέρειες που δεν βελτιώνουν τη διορατική σας εικόνα για τα δεδομένα, αλλά μπορεί να χάνετε το χρόνο σας. 

Για παράδειγμα, η παρακάτω εικόνα δείχνει πριν και μετά τις προβολές, που δείχνει πώς η αναδίπλωση του dominator βελτιώνει την "ιστορία" που αφηγείται το εργαλείο. Η διπλωμένο προβολή εμφανίζει στοιχεία 30 HTML <DIV>, τα οποία αποτελούν 15,64 megabyte (MB) μνήμης και κρατούν σε αποσυνδεμενους κόμβους DOM. Σε πολλές περιπτώσεις, δεν είναι σημαντικό να γνωρίζετε τη σύνθεση ενός αντικειμένου, αρκεί απλώς να γνωρίζετε ότι είναι πολύ μεγάλο ή ότι διαρρέει (ειδικά όταν χρησιμοποιείτε βιβλιοθήκες τρίτων κατασκευαστών).
Αναδίπλωση κυρίαρχων

Χρωματισμός dom, συμβολοσειράς & αριθμός literals Αυτή η δυνατότητα προσθέτει χρωματισμό σε στοιχεία DOM, λεκτικά συμβολοσειράς και λεκτικά λεκτικά αριθμό. Εκτός από το να κάνετε το περιεχόμενο μέσα στα διάφορα εργαλεία F12 να έχει μεγαλύτερη εμφάνιση και συμπεριφορά, κάνει την ανάλυση μνήμης πιο οπτικά ενδιαφέρουσα.

Φιλτράρισμα κύκλου RootsWant για να μπορέσετε να διερευνήσετε τη σύνθεση ενός αντικειμένου χωρίς να χαθείτε εν αγνοία σας σε μια κυκλική διαδρομή αναφοράς; Αυτή η δυνατότητα εντοπίζει τις θυγατρικές αναφορές που είναι κυκλικές και τις "αποκόβουν", ώστε να μην συγχέονται με τη μετάβαση τους στο άπειρο. Επιπλέον, σχολιάσει αυτές τις αναφορές, ώστε να είναι σαφές όταν μια αναφορά έχει "περικόπτεται".

Περίοδος λειτουργίας εισαγωγής/εξαγωγής Δεν θα πρέπει να χρειάζεται να αναπαράγετε τη δοκιμαστική σας υπόθεση κάθε φορά που θέλετε να αναλύσετε τα δεδομένα που παράγει ή να κάνετε κοινή χρήση των δεδομένων με ένα συνάδελφο. Τα εικονίδια εισαγωγής (φακέλου) και εξαγωγής (δίσκος) στη γραμμή εικονιδίων του εργαλείου μνήμης σας επιτρέπει να αποθηκεύσετε τα στιγμιότυπα μνήμης σε ένα αρχείο που μπορεί να εισαχθεί αργότερα.
Περίοδος λειτουργίας εισαγωγής/εξαγωγής

Αλλαγές στο εργαλείο άμιλλας

Ρυθμίσεις διατήρησης και επαναφοράς Ένα εικονίδιο ρυθμίσεων διατήρησης άμιλλας προστίθεται στο εργαλείο άμιλλας. Αυτό θα διατηρήσει τις τρέχουσες ρυθμίσεις άμιλλας μέχρι να απενεργοποιηθεί συγκεκριμένα. Αυτό σας επιτρέπει να εργαστείτε, να κλείσετε το πρόγραμμα περιήγησης και, στη συνέχεια, να επιστρέψει με τις ρυθμίσεις άμιλλας ανέπαφες. Στα δεξιά αυτού του εικονιδίου βρίσκεται ένα εικονίδιο ρυθμίσεων επαναφοράς προσομοίωσης, το οποίο επαναφέρει γρήγορα το εργαλείο στις προεπιλεγμένες τιμές.
Ρυθμίσεις επιμονή και επαναφορά



Επιπλέον, αυτή η ενημέρωση περιλαμβάνει τις ακόλουθες βελτιώσεις με βάση τα σχόλια από το κανάλι προγραμματιστών IE:

  • Προσθέτει έναν επιλογέα χρωμάτων στην Εξερεύνηση DOM που σας επιτρέπει να επιλέξετε χρώματα από οποιοδήποτε παράθυρο στην επιφάνεια εργασίας σας.

  • Προσθέτει στοίβες κλήσεων από σχετικές ασύγχρονες κλήσεις για χρονόχρονα και απαντήσεις XHR.

Για περισσότερες πληροφορίες σχετικά με τη χρήση των εργαλείων προγραμματιστή F12 στον Internet Explorer 11, μεταβείτε στις ακόλουθες τοποθεσίες Web της Microsoft:

Χρήση των εργαλείων προγραμματιστή F12

Κανάλι προγραμματιστών IE

Ενημέρωση πληροφοριών

Αυτή η ενημέρωση περιλαμβάνεται για πρώτη φορά στην ενημέρωση ασφαλείας 2976627:

2976627 MS14-051: Αθροιστική ενημέρωση ασφαλείας για τον Internet Explorer: 12 Αυγούστου 2014 Σημείωση Εάν έχετε εγκαταστήσει μια προεπισκόπηση των εργαλείων προγραμματιστή F12 από το κανάλι προγραμματιστών IE, δεν χρειάζεται να καταργήσετε την εγκατάσταση αυτής της έκδοσης πριν από την εγκατάσταση αυτής της
ενημέρωσης.

Για να εγκαταστήσετε την πιο πρόσφατη αθροιστική ενημέρωση ασφαλείας για τον Internet Explorer, μεταβείτε στο Microsoft Update.

Για τεχνικές πληροφορίες σχετικά με την πιο πρόσφατη αθροιστική ενημέρωση ασφαλείας για τον Internet Explorer, μεταβείτε στην ακόλουθη τοποθεσία Web της Microsoft:

http://www.microsoft.com/technet/security/current.aspx

Χρειάζεστε περισσότερη βοήθεια;

Αναπτύξτε τις δεξιότητές σας
Εξερευνήστε το περιεχόμενο της εκπαίδευσης
Αποκτήστε πρώτοι τις νέες δυνατότητες
Συμμετοχή στο Microsoft Insider

Σας βοήθησαν αυτές οι πληροφορίες;

Πόσο ικανοποιημένοι είστε με την ποιότητα της μετάφρασης;
Τι επηρέασε την εμπειρία σας;

Σας ευχαριστούμε για τα σχόλιά σας!

×