Et nyt Microsoft Edge DevTools-værktøj til fejlfinding af hukommelseslækager er ude nu

edge dev tools hukommelseslækage

Vi ved alle stort set, hvad en hukommelseslækage er efterhånden, og det faktum, at de roder med ydeevnen og kan være vanskelige at reparere.

De kan opstå, når JavaScript-koden for en applikation beholder flere og flere objekter i hukommelsen, som den ikke behøver længere, i stedet for at frigive dem for browseren til garbage collect (GC).

I tilfælde af langvarige apps kan små hukommelseslækager på kun et par kilobyte tilføje op til mærkbart forringe ydeevnen over tid.

For nylig har den Redmond-baserede teknologivirksomhed lavet et nyt Detached Elements-værktøj til at identificere problemer og hjælpe med at stoppe lækager.

Debugging af hukommelseslækager har aldrig været så let

Microsoft forklaret hvordan Detached Elements-værktøjet virker og gav en ordentlig gennemgang for alle interesserede i dette emne.

Grundlæggende vil dette nye værktøj hjælpe dig med at undersøge og løse DOM-hukommelseslækager og er ifølge teknologigiganten inspireret af Microsoft Teams-afdelingen.

Før du prøver dette nye værktøj på dit eget webindhold, er det vigtigt at forstå nogle af nuancerne mellem løsrevne elementer og DOM-lækager.

Normalt opretter Microsoft DOM-noder i JavaScript for at indsætte dem et sted på siden for at vise dem.

Det er dog også muligt at oprette noder og aldrig vedhæfte dem eller fjerne noder fra siden og opbevare referencer til dem i JavaScript.

Menuen " Flere værktøjer" i Edge DevTools med punktet Detached Elements fremhævet

Hvis du vil, kan du teste det nye værktøjs muligheder via en demo-app på GitHub. Det giver dig mulighed for at simulere hukommelseslækager og se, hvor hjælpeprogrammet Detachable Elements er praktisk.

Husk, at Microsoft opfordrer dem, der er interesserede i dets nye skabelse, til at teste værktøjet i virkelige scenarier for at opdage eventuelle potentielle problemer.

Og hvis du også vil give noget tiltrængt feedback, kan du gøre det via DevTools feedback-knappen eller alternativt ved at smide tweets på Edge DevTools Twitter-konto.

Er du begejstret for dette nye sæt værktøjer? Del dine tanker med os i kommentarfeltet nedenfor.

JavaScript-bunke fuld af hukommelse-fejl: Årsager og hvordan man løser

JavaScript-bunke fuld af hukommelse-fejl: Årsager og hvordan man løserJavascript

Årsagen til denne fejl kan være utilstrækkelig pladsÅrsagen bag dette kan være ugyldig sidetabelstørrelse eller problemer med funktionsopkaldsstak.Denne vejledning vil diskutere fejlfindingstrin fo...

Læs mere
Scriptfejl forklaret: Hvad er de, og hvordan man løser dem

Scriptfejl forklaret: Hvad er de, og hvordan man løser demJavascript

Tjek for stavefejl, før du kører dit scriptScriptfejl er meddelelser, der vises, når der er et problem med koden på din hjemmeside.Disse fejl kan være frustrerende for udviklere, da de ofte påvirke...

Læs mere
Ufanget TypeError: $ er ikke en funktion [Fejlrettelse]

Ufanget TypeError: $ er ikke en funktion [Fejlrettelse]Javascript

Følg de enkle justeringer for at fejlfinde denne fejl nedenforUncaught TypeError: $ er ikke en funktionsfejl, der opstår, når en bruger forsøger at bruge dollartegnet $ som en funktion i JavaScript...

Læs mere