Belangrijk: De bureaubladtoepassing van Internet Explorer 11 wordt op 15 juni 2022 buiten gebruik gesteld en niet meer ondersteund voor bepaalde versies van Windows 10.

U hebt nog steeds toegang tot oudere, oudere sites waarvoor Internet Explorer is vereist met de Internet Explorer-modus in Microsoft Edge. Meer informatie.

De Internet Explorer 11-bureaubladtoepassing wordt geleidelijk omgeleid naar de snellere, veiligere Microsoft Edge browser en wordt uiteindelijk uitgeschakeld via Windows Update. Schakel IE vandaag uit.

Over deze update

Voor het ontwikkelen van geweldige webpagina's hebt u coderingsexpertise nodig, evenals de juiste hulpprogramma's om problemen te vinden en op te sporen die onvermijdelijk opduiken. Deze update biedt aanzienlijke verbeteringen in de F12-ontwikkelhulpprogramma's, waaronder zowel functies als oplossingen voor fouten voor de F12-gebruikersinterface, console, DOM Explorer, Debugger, Emulation-hulpprogramma, UI-responsiviteit en hulpprogramma's voor geheugenprofilering. 
 

Wijzigingen in de gebruikersinterface van F12

Nieuwe pictogrammen en meldingenDe pictogrammen voor de hulpprogramma's Geheugen en Profiler zijn gewijzigd.

Er zijn nu indicatoren op de pictogrambalk voor fouten in de console, wijzigingen in emulatie-instellingen en voor actieve profileringssessies in de hulpprogramma's Geheugen, Profiler en UI-responsiviteit. In de volgende afbeelding ziet u de nieuwe pictogrammen met meldingen op de console- en geheugenhulpprogrammapictogrammen, waarmee wordt aangegeven dat er twee consolefouten worden weergegeven en dat er momenteel een geheugenprofileringssessie wordt uitgevoerd:
Nieuwe interface

F6-supersetnavigatie in hulpprogramma's Het gebruik van F6 is vergelijkbaar met het gebruik van de Tab-toets om door een hulpprogramma te navigeren, maar het 'tabbladen' door een geselecteerde set van de meest gebruikte elementen in een taakvenster in plaats van door elk selecteerbaar item. Dit maakt deel uit van een algehele schoner systeem voor het gebruik van het toetsenbord om te navigeren binnen en tussen hulpprogramma's.

Heen en weer schakelen tussen onlangs gebruikte hulpprogramma's met behulp van het toetsenbordU kunt Ctrl + [ gebruiken om achteruit te gaan in de navigatiegeschiedenis van uw hulpprogramma en Ctrl + ] om vooruit te gaan, vergelijkbaar met de pijlen terug en vooruit wanneer u bladert.

Snelle toegang tot documentmodusEen nieuwe vervolgkeuzelijst wordt boven aan de interface toegevoegd waarmee u vanuit elk hulpprogramma toegang hebt tot de documentmodus, zodat u niet hoeft te schakelen tussen hulpprogramma's.
Dropdown

Consolewijzigingen

Console.timeStamp()Wanneer deze wordt aangeroepen vanuit de console of in code, wordt console.timeStamp() uitgevoerd naar de console met het aantal milliseconden dat het huidige browsertabblad is geopend. Als deze wordt aangeroepen tijdens het uitvoeren van een profileringssessie met het hulpprogramma RESPONSIVITEIT van de gebruikersinterface, wordt er een gebruikersmarkering op de tijdlijn van de sessie gemaakt, samen met een tijdstempel op basis van de tijd sinds de sessie is gestart.

Met Ctrl+L wordt de console van alle berichten gewist

Nauwkeurig automatisch aanvullenDe automatische aanvulling van de console bevat geen indexeerfuncties meer. Dit resulteert in een schonere en nauwkeurigere selectie van suggesties voor automatisch aanvullen.

$, $$, $x, $0-$5 en $_ zijn toegevoegd aan de lijst voor automatisch aanvullen van de console voor het gemak en om het gedrag van de console consistenter te maken met andere browsers.

Indicator voor verlopen berichtenAls u ervoor hebt gekozen om de optie Wissen bij navigeren uit te schakelen, worden oudere consoleberichten grijs weergegeven om onderscheid te maken tussen berichten voor de actieve pagina en berichten van eerdere pagina's in uw geschiedenis.
Indicator voor verlopen bericht

DOM Explorer-wijzigingen

Wijzigingsbalken in het deelvenster BerekendDe wijzigingsbalken (verschillende kleuren voor gewijzigde eigenschappen, toegevoegde eigenschappen en verwijderde eigenschappen) die gebruikers hebben gezien in het deelvenster Stijlen, worden nu weergegeven in het deelvenster Berekende stijlen.
Balken wijzigen in het deelvenster Berekend

Wijzigingen in foutopsporingsprogramma

Aanduiding voor brontoewijzingEn klik op het tabblad van een document in het foutopsporingsprogramma en u kunt een bronkaart opgeven. Dit maakt het mogelijk om brontoewijzingen te gebruiken in combinatie met verzonden code waarvoor de opmerking van de brontoewijzing is verwijderd.
Bronoverzichten aanwijzen

Bij het toevoegen van een horloge worden opties voor automatisch aanvullen voorgesteld in WatchesNow.
Automatisch aanvullen in horloges

Waardecontrole retournerenAls u een functie met een retourwaarde opsplitst, gaat u naar de functie totdat u naar de afsluitende accolade bent gegaan. De retourwaarde wordt weergegeven in de sectie Locals van het deelvenster Horloges. Stap opnieuw en de waarde wordt geretourneerd naar de code die hiervoor is aangeroepen.

Probeer deze code in de console voor een snelle demonstratie:

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

De functie wordt aangeroepen, het foutopsporingsprogramma wordt verbroken en u kunt er een stap in zetten om de retourwaarde te zien.

Meervoudige selectie voor onderbrekingspuntenCtrl + klikken, Shift + klikken en Ctrl + A kunnen worden gebruikt om meerdere onderbrekingspunten te selecteren in het deelvenster Onderbrekingspunten.

Continue and ignore breaksPress F5 to continue to the next break. Houd F5 ingedrukt om meerdere onderbrekingen te doorlopen totdat u F5 vrijgeeft.

Onderbrekingspunten en traceringspuntenDeze werken vergelijkbaar met de onderbrekings- en traceringspunten die al aanwezig zijn in F12-hulpprogramma's, maar in plaats van te worden geactiveerd wanneer een specifiek codeblok wordt uitgevoerd, worden ze geactiveerd wanneer een specifieke gebeurtenis wordt geactiveerd. Elke gebeurtenis heeft een optioneel voorwaardelijk filter waarmee u het bereik kunt beperken tot het specifieke exemplaar van een gebeurtenis die u wilt inspecteren. Ze kunnen worden toegevoegd met behulp van de pictogrammen Gebeurtenistraceringspunt toevoegen en Onderbrekingspunt toevoegen gemarkeerd in de volgende afbeelding:
Onderbrekingspunten en traceringspunten van gebeurtenissen

Wijzigingen in het hulpprogramma voor reactiesnelheid van de gebruikersinterface

Prestatiesessies importeren/exporterenU hoeft uw testcase niet telkens opnieuw te reproduceren wanneer u de gegevens wilt analyseren die worden geproduceerd of met een collega wilt delen. Met de pictogrammen voor importeren (map) en exporteren (schijf) op de pictogrambalk van het hulpprogramma voor reactiesnelheid van de gebruikersinterface kunt u uw geheugenmomentopnamen opslaan in een bestand dat later kan worden geïmporteerd.

Voorbeeld van afbeeldingAls u een HTTP-aanvraag voor een afbeelding hebt gezien en u zich afvraagt welke afbeelding het was, wordt de afbeelding nu bekeken in de details van de gebeurtenis.
Voorbeeld van afbeelding

Gebeurtenissen filterenDe knop Filter gebeurtenissen is klein maar krachtig. Verborgen achter die knop is een menu waarmee u gebeurtenissen op meerdere manieren kunt filteren. Elke manier heeft een aanzienlijke impact:

  • Gebeurtenisnaamfilter: filter op een gebeurtenisnaam die overeenkomt met de filtertekst.

  • Ui-activiteitsfilter: Met behulp van de selectievakjes kunt u grote categorieën gebeurtenissen uitsluiten, zodat u zich gemakkelijker kunt richten op het gebied dat u onderzoekt. Als u bijvoorbeeld alleen geïnteresseerd bent in netwerkactiviteit, kunt u alle ruis van de gebruikersinterface en garbagecollection uitfilteren.

  • Tijddrempelfilter: met deze functie worden gebeurtenissen op het hoogste niveau van minder dan één milliseconde in de duur gefilterd. In veel scenario's vereenvoudigt dit de watervalweergave aanzienlijk en kunt u zich richten op meer impactvolle gebeurtenissen.
    Tijddrempelfilter

HTML5-scriptgebeurtenissenAls u mediaquerylisteners of MutationObservers gebruikt, kunt u nu hun respectieve kosten identificeren wanneer u een sessie voor prestatieprofilering uitvoert.
HTML5-scriptevenementen

Frame groeperenDe knop tussen de vervolgkeuzelijst Sorteren en het menu Filtergebeurtenissen schakelt framegroepering in. Hiermee worden gebeurtenissen op het hoogste niveau gegroepeerd in hun bijbehorende werkeenheid (of frame) gedurende perioden waarin animaties of visuele updates plaatsvonden. De frames worden behandeld als andere gebeurtenissen, zodat ze kunnen worden gesorteerd en gefilterd, en ze bieden een inclusief tijdoverzicht.
Framegroepering

GebruikersmetingenAls u de API performance.mark() gebruikt om driehoeken toe te voegen aan de tijdlijn om aan te geven waar specifieke gebeurtenissen hebben plaatsgevonden, breidt de API performance.measure() het nut van prestatiemarkeringen uit. Gebruik performance.measure() om een gebruikersmetingsgebeurtenis te maken die de tijd tussen twee performance.mark()-gebeurtenissen omvat, klik vervolgens met de rechtermuisknop op de gebeurtenis en gebruik vervolgens de optie Filteren op gebeurtenis om alleen de gebeurtenissen tussen de twee markeringen te selecteren.
Gebruikersmetingen

Colorization for DOMThis feature adds colorization to DOM elements, string literals, and number literals. Afgezien van het feit dat de inhoud binnen de verschillende F12-hulpprogramma's er hetzelfde uitziet en zich meer gedraagt, voegt het meer visuele interesse toe aan het hulpprogramma UI-responsiviteit.

SelectiesamenvattingAls u een gedeelte van de tijdlijn selecteert, wordt in het deelvenster Gebeurtenisdetails een samenvatting van de selectie weergegeven. Beweeg de muisaanwijzer over verschillende segmenten van het cirkeldiagram voor knopinfo met de gebeurteniscategorie van het segment.
Selectiesamenvatting

Ondersteuning voor console.timeStamp()Met behulp van de methode console.timeStamp() in uw code of in de console tijdens een profileringssessie wordt een gebruikersmarkering gemaakt op de tijdlijn die de tijd heeft sinds de profileringssessie is gestart.

Wijzigingen in het geheugenhulpprogramma

Dominator foldingDominator Folding helpt de inhoud van een momentopname te vereenvoudigen door objecten te verwijderen uit de weergaven op het hoogste niveau die logisch onderdeel zijn van een ander object (bijvoorbeeld een <BR-> binnen een <DIV->, een bereik waaraan een functie is gekoppeld) en meestal extra details zijn die uw inzicht in de gegevens niet verbeteren, maar zou je tijd kunnen verspillen. 

In de volgende afbeelding ziet u bijvoorbeeld voor- en na weergaven, waarin wordt gedemonstreerd hoe dominator folding het 'verhaal' verbetert dat het hulpprogramma vertelt. In de gevouwen weergave ziet u 30 HTML-<DIV->-elementen, die 15,64 MB aan geheugen vertegenwoordigen en die zijn gekoppeld aan losgekoppelde DOM-knooppunten. In veel gevallen is het niet belangrijk om de samenstelling van een object te weten, omdat u alleen maar weet dat het te groot is of dat het lekt (vooral wanneer u bibliotheken van derden gebruikt).
Dominator vouwen

Colorization of DOM, String & Number literalsDe functie voegt kleuring toe aan DOM-elementen, letterlijke tekenreeksen en letterlijke getallen. Afgezien van het maken van de inhoud binnen de verschillende F12-hulpprogramma's lijken en zich meer op elkaar gedragen, maakt het geheugenanalyse visueel interessanter.

RootscyclusfilterIng wilt u de samenstelling van een object kunnen onderzoeken zonder onbewust verloren te gaan in een kringverwijzingspad? Met deze functie worden onderliggende verwijzingen gedetecteerd die rond en 'bijsnijden' zijn, zodat u niet in de war raakt door ze in oneindigheid te doorkruisen. Daarnaast worden deze verwijzingen voorzien van aantekeningen, zodat het duidelijk is wanneer een verwijzing is 'ingekort'.

Import-/exportsessieU hoeft uw testcase niet telkens opnieuw te reproduceren wanneer u de gegevens wilt analyseren die deze produceren of delen met een collega. Met de pictogrammen voor importeren (map) en exporteren (schijf) op de pictogrambalk van het geheugenhulpprogramma kunt u uw geheugenmomentopnamen opslaan in een bestand dat later kan worden geïmporteerd.
Import-/exportsessie

Wijzigingen in het emulatiehulpprogramma

Instellingen pictogram persistentie en resetA persistente emulatie-instellingen wordt toegevoegd aan het hulpprogramma Emulatie. Hiermee blijven uw huidige emulatie-instellingen behouden totdat deze specifiek zijn uitgeschakeld. Hiermee kunt u werken, de browser sluiten en vervolgens terugkeren met uw emulatie-instellingen intact. Rechts van dit pictogram bevindt zich het pictogram Emulatie-instellingen opnieuw instellen, waarmee het hulpprogramma snel wordt teruggezet naar de standaardwaarden.
Instellingen persistentie en opnieuw instellen



Daarnaast bevat deze update de volgende verbeteringen op basis van feedback van het IE Developer-kanaal:

  • Hiermee voegt u een kleurenkiezer toe in dom Explorer waarmee u kleuren kunt kiezen uit elk venster op uw bureaublad.

  • Hiermee voegt u aanroepstacks toe van gerelateerde asynchrone aanroepen voor timers en XHR-antwoorden.

Ga naar de volgende Microsoft-websites voor meer informatie over het gebruik van F12-ontwikkelhulpprogramma's in Internet Explorer 11:

De F12-ontwikkelhulpprogramma's gebruiken

IE Developer-kanaal

Informatie bijwerken

Deze update is voor het eerst opgenomen in de beveiligingsupdate 2976627:

2976627 MS14-051: Cumulatieve beveiligingsupdate voor Internet Explorer: 12 augustus 2014
Opmerking Als u een preview van de F12-ontwikkelhulpprogramma's hebt geïnstalleerd vanuit het IE Developer-kanaal, hoeft u die versie niet te verwijderen voordat u deze update installeert.

Als u de meest recente cumulatieve beveiligingsupdate voor Internet Explorer wilt installeren, gaat u naar Microsoft Update.

Ga naar de volgende Microsoft-website voor technische informatie over de meest recente cumulatieve beveiligingsupdate voor Internet Explorer:

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

Meer hulp nodig?

Uw vaardigheden uitbreiden
Training verkennen
Als eerste nieuwe functies krijgen
Deelnemen aan Microsoft insiders

Was deze informatie nuttig?

Hoe tevreden bent u met de taalkwaliteit?
Wat heeft uw ervaring beïnvloed?

Bedankt voor uw feedback.

×