Bemærk!: Internet Explorer 11-programmet på computeren udgå og understøttes ikke længere d. 15. juni 2022 (du kan se en liste over, hvad der er omfattet i de ofte stillede spørgsmål). De samme IE11-apps og -websteder, du bruger i dag, kan Microsoft Edge i Internet Explorer-tilstand. Få mere at vide her.

Om denne opdatering

Hvis du vil udvikle fantastiske websider, har du brug for ekspertviden samt de rette værktøjer til at finde og fejlfinde problemer, der uundgåeligt vil komme til at dukke op. Denne opdatering indeholder betydelige forbedringer af F12-udviklerværktøjerne, herunder både funktioner og fejlrettelser til F12-brugergrænsefladen, -konsollen, DOM-explorer, fejlfindingsværktøjet, værktøjet Emulering, brugergrænsefladens svarighed og hukommelsesprofilværktøjer. 

Ændringer i F12-brugergrænsefladen

Nye ikoner og meddelelser Ikonerne for værktøjerne Hukommelse og Profiler har ændret sig.

Der er nu indikatorer på ikonlinjen for fejl i konsollen, ændringer i indstillinger for emulering og for aktive profilsessioner i værktøjerne Hukommelse, Profiler og BRUGERGRÆNSEFLADE. Følgende billede viser de nye ikoner med meddelelser på ikonerne konsol- og hukommelsesværktøjet, hvilket angiver, at der vises to konsolfejl, og at en hukommelsesprofilsession er i gang:
Ny grænseflade

F6 supersætnavigation i værktøjerBrug af F6 er som at bruge tabulatortasten til at navigere rundt i et værktøj, men det "faner" gennem et markeret sæt af de mest almindeligt brugte elementer i en værktøjsrude i stedet for gennem hvert element, der kan vælges. Dette er en del af et overordnet renere system til brug af tastaturet til at navigere i og mellem værktøjer.

Gå frem og tilbage mellem de senest anvendte værktøjer ved hjælp af tastaturetDu kan bruge Ctrl+ [ til at flytte bagud i din værktøjsnavigationsoversigt og Ctrl+] for at gå fremad på samme måde som pil frem og tilbage, når du gennemser.

Hurtig adgang til dokumenttilstandEn ny rulleliste tilføjes øverst i grænsefladen, hvor du kan få adgang til dokumenttilstanden fra et hvilket som helst værktøj, så du ikke behøver at skifte værktøjer.
Rulleliste

Konsolændringer

Console.timeStamp()Når der kaldes fra konsollen eller inden for koden, outputter Console.timeStamp() til konsollen antallet af millisekunder, som den aktuelle browserfane har været åben. Hvis det kaldes, mens der køres en profilsession med værktøjet Svartid i brugergrænsefladen, oprettes der et brugertegn på sessionens tidslinje sammen med et tidsstempel baseret på tidspunktet, siden sessionen startede.

Ctrl+L rydder konsollen for alle meddelelser

Nøjagtig autofuldførelseKonsollens autofuldførelse omfatter ikke længere indekseringsegenskaber. Dette giver et renere og mere nøjagtigt udvalg af forslag til autofuldførelse.

$, $$, $x, $0-$5 og $_ er af praktiske årsager føjet til autofuldførelseslisten for konsol og for at gøre konsollens funktionsmåde mere ensartet i forhold til andre browsere.

Indikator for forældet meddelelseHvis du har valgt at slå navigeringsindstillingen Ryd til fra, er ikonerne for ældre konsolmeddelelser nedtonet for at skelne mellem meddelelser for den aktive side og meddelelser fra tidligere sider i oversigten.
Indikator for forældet meddelelse

Ændringer i DOM Explorer

Skift søjler i ruden BeregnetSkift søjlerne (forskellige farver for ændrede egenskaber, tilføjede egenskaber og slettede egenskaber), som brugerne har nyde godt af ruden Typografier, vises nu i ruden Beregnede typografier.
Skift søjler i ruden Beregnet

Fejlfinding af ændringer

Angivelse af kildekort Højreklik på et dokuments fane i fejlfindingsruden, og du kan angive et kildetilknytning. Det gør det muligt at bruge kildekort sammen med forsendelseskoden, der har fået kommentaren fra kildeoversigten fjernet.
Angive kildeoversigter

Autofuldførelse i WatchesOw, når du tilføjer et ur, foreslås indstillinger for autofuldførelse for dig.
Autofuldførelse i ser

Inspektion af returværdiNår du bryder på en funktion med en returværdi, skal du træde ind i funktionen, indtil du er gået til slutklammeparentesen. Den returnerede værdi vises i sektionen Lokale i ruden Watches. Trin igen, og værdien returneres til den kode, der kaldes for den.

Hvis du vil have en hurtig demonstration, kan du prøve denne kode i konsollen:

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

Det kalder funktionen "fejlfindingsfunktion", og du kan træde til trin for at se returværdien.

Markér flere gange for breakpointsCtrl + klik, Skift + klik og Ctrl+A kan bruges til at markere flere pausepunkter i ruden Pausepunkter.

Fortsæt, og ignorer pauserTryk på F5 for at fortsætte til næste pause. Hold F5 for at fortsætte med at have flere pauser, indtil du slipper F5.

Hændelsespausepunkter og sporingspunkterDete fungerer på samme måde som de pausepunkter og sporingspunkter, der allerede findes i F12-værktøjer, men i stedet for at blive udløst, når en bestemt kodeblok udføres, udløses de, når en bestemt hændelse udløses. Hver bruger har et valgfrit betinget filter, som gør det lettere at begrænse omfanget til den bestemte forekomst af en hændelse, du vil undersøge. De kan tilføjes ved hjælp af ikonerne Tilføj begivenhedssporingspunkt og Tilføj hændelsespausepunkt fremhævet i
følgende billede:Hændelsespauser og sporingspunkter

Ændringer i værktøjet Svarighed i brugergrænsefladen

Importere/eksportere ydeevnesessionerDu behøver ikke at gengive din testsag, hver gang du vil analysere de data, der frembringes, eller dele disse data med en kollega. Du kan bruge ikonerne for import (mappe) og eksport (disk) på brugergrænsefladeværktøjets ikonlinje til at gemme dine hukommelsessnapshots i en fil, der kan importeres senere.

Eksempelvisning af billederHvis du har set en HTTP-anmodning om et billede og tænkt over, hvilket billede det var, vises billedet nu i detaljerne om begivenheden.
Eksempel på billede

FiltreringshændelserKnappen Filtrer begivenheder er lille, men effektiv. Skjult bag denne knap er en menu, hvor du kan filtrere begivenheder på flere måder, og hver enkelt vej har en betydelig indvirkning:

  • Filter for hændelsesnavn: Filtrer for alle hændelsesnavn, der indeholder et match for filterteksten.

  • Aktivitetsfilter for brugergrænseflade: Du kan udelade store kategorier af begivenheder ved hjælp af afkrydsningsfelterne for at gøre det nemmere at fokusere på det område, du undersøger. Hvis du f.eks. kun er interesseret i netværksaktivitet, kan du frafiltrere al støj fra brugergrænsefladen og skraldespandssamlingen.

  • Filter for tidstærskel: Denne funktion filtrerer hændelser på øverste niveau fra, så der er mindre end én millisekunders varighed. I mange scenarier forenkler dette vandfaldsvisningen markant og hjælper dig med at fokusere på mere virkningsfulde begivenheder.
    Filter for tidstærskel

HTML5-scriptinghændelserHvis du bruger medieforespørgsels lyttere eller hsobservere,kan du nu identificere deres respektive omkostninger, når du kører en session med ydeevneprofiler.
HTML5-scriptinghændelser

Gruppering af tekstRudeKnappen mellem rullelisten Sortér efter og menuen Filtrer hændelser slår Frame-gruppering til eller fra. Denne grupperer hændelser på øverste niveau i deres tilsvarende arbejdsenhed (eller "ramme") i de perioder, hvor der fandt animationer eller visuelle opdateringer sted. Rammerne behandles som andre hændelser, så de kan sorteres og filtreres, og de giver en inkluderende tidsoversigt.
Gruppering af rammer

BrugermålHvis du bruger API'en performance.mark() til at føje trekanter til tidslinjen for at angive, hvor bestemte hændelser skete, udvider API'en performance.measure() anvendeheden af ydeevnemærker. Brug performance.measure() til at oprette en Brugermålehændelse, som omfatter tiden mellem to performance.mark()-hændelser, højreklik derefter på begivenheden, og brug derefter indstillingen Filtrer til begivenhed for kun at vælge hændelserne mellem de to mærker.
Bruger målinger

Farvelægning for DOMDette funktion føjer farvelægning til DOM-elementer, strengkonstanter og talkonstanter. Ud over at få indholdet i de forskellige F12-værktøjer til at se mere ens ud og fungere mere ens, giver det også større visuel interesse for værktøjet Svarighed i brugergrænsefladen.

Oversigt over markeringNår du markerer en del af tidslinjen, viser ruden Begivenhedsdetaljer en oversigt over markeringen. Hold markøren over forskellige segmenter i det cirkulære diagram for at få et værktøjstip sammen med segmentets hændelseskategori.
Markeringsoversigt

Understøttelse af console.timeStamp()Brug af metoden console.timeStamp() i din kode eller i konsollen under en profilsession, oprettes der et brugermærke på tidslinjen, der har tiden, siden profilsessionen startede.

Ændringer i hukommelsesværktøjet

Dominator-foldning Fællesnævner-foldning hjælper med at forenkle indholdet af et snapshot ved at fjerne objekter fra visningerne på øverste niveau, der er logisk komponenter i et andet objekt (f.eks. et <BR> i en <DIV>, et Omfang, der holdes videre af en funktion), og har tendens til at være ekstra detaljer, der ikke forbedrer din indsigt i dataene, men kan spilde din tid. 

Følgende billede viser f.eks. visninger før og efter og viser en demonstration af, hvordan dominator-foldning forbedrer den "historie", som værktøjet fortæller. Den foldede visning viser 30 HTML-<DIV>-elementer, som indeholder 15,64 MB hukommelse (megabyte), og som holder for at fjerne DOM-noder. I mange tilfælde er det ikke vigtigt at kende et objekts sammensætning, så meget blot at vide, at det er for stort, eller at det er lækage (især ved brug af tredjepartsbiblioteker).
Foldning af dominator

Colorization of DOM, String & Number literalsThis feature adds colorization to DOM elements, string literals, and number literals. Ud over at få indholdet i de forskellige F12-værktøjer til at se mere ens ud og fungere mere ens, gør det også hukommelsesanalyse mere interessant visuelt.

Filtrering af røddercyklusWant for at kunne undersøge kompositionen af et objekt uden at blive ukendt tabt i en cirkulær referencesti? Denne funktion registrerer underordnede referencer, der er cirkulære og "beskærer" dem, så du ikke bliver forvirret ved at gennemtrække dem til uendeligt. Desuden anmærker den disse referencer, så det er tydeligt, når en reference er blevet "trimmet".

Import/eksport-sessionDu bør ikke behøver at gengive din testsag, hver gang du vil analysere de data, den frembringer, eller dele disse data med en kollega. Du kan bruge ikonerne import (mappe) og eksport (disk) på hukommelsesværktøjets ikonlinje til at gemme dine hukommelsessnapshots i en fil, der kan importeres senere.
Importér/eksportsession

Ændringer i værktøjet Emulering

Indstillinger vedvarende og nulstiller ikonet Forthold e-mail-indstillinger føjes til værktøjet Emulering. Dette bevarer dine aktuelle indstillinger for emulering, indtil de er deaktiveret. Dette giver dig mulighed for at arbejde, lukke browseren og derefter vende tilbage med dine emuleringsindstillinger intakt. Til højre for dette ikon findes ikonet Nulstil emulationsindstillinger, som hurtigt nulstiller værktøjet tilbage til standardværdierne.
Indstillinger vedholdenhed og nulstilling



Denne opdatering indeholder desuden følgende forbedringer, der er baseret på feedback fra IE-udviklerkanalen:

  • Tilføjer en farvevælger i DOM Explorer, hvor du kan vælge farver fra et hvilket som helst vindue på skrivebordet.

  • Tilføjer kaldstak fra relaterede asynkrone opkald for timere og XHR-svar.

Du kan finde flere oplysninger om brug af F12-udviklerværktøjerne i Internet Explorer 11 på følgende Microsoft-websteder:

Brug af F12-udviklerværktøjerne

IE Developer Channel

Opdater oplysninger

Denne opdatering blev først medtaget i sikkerhedsopdatering 2976627:

2976627 MS14-051: Samlet sikkerhedsopdatering til Internet Explorer: 12. august 2014 Bemærk! Hvis du har installeret en forhåndsvisning af F12-udviklingsværktøjerne fra IE-udviklerkanalen, behøver du ikke at fjerne den pågældende version, før du installerer
denne opdatering.

Hvis du vil installere den seneste kumulative sikkerhedsopdatering til Internet Explorer, skal du gå til Microsoft Update.

Hvis du vil have tekniske oplysninger om den seneste kumulative sikkerhedsopdatering til Internet Explorer, skal du gå til følgende Microsoft-websted:

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

Har du brug for mere hjælp?

Udvid dine færdigheder
Gå på opdagelse i kurser
Få nye funktioner først
Deltag i Microsoft insiders

Var disse oplysninger nyttige?

Hvor tilfreds er du med kvaliteten af sproget?
Hvad påvirkede din oplevelse?

Tak for din feedback!

×