Welkom bij de eerste aflevering van de release-opmerkingen van DevTools! Vanaf nu opent DevTools, de eerste keer dat u een nieuwe versie van Chrome opent, de lade 'Wat is er nieuw' met een link naar de release-opmerkingen voor die versie.
Hoogtepunten
- Het Tijdlijnpaneel is hernoemd naar het Prestatiepaneel.
- Het paneel Profielen is hernoemd naar het paneel Geheugen.
- Cookiewaarden kunnen nu worden bewerkt.
- DevTools pauzeert nu automatisch bij fouten met onvoldoende geheugen.
Nieuwe functies
Bewerkbare cookies
Dubbelklik op een cel op het tabblad Cookies om die waarde te bewerken.
Met dank aan kdzwinel voor de bijdrage!
Inspecteerbare en bewerkbare CSS-variabelen in het deelvenster Stijlen
U kunt nu CSS-variabelen inspecteren en bewerken in het deelvenster Stijlen. Bekijk de CSS-variabelendemo om het zelf uit te proberen.
Breekpunten zonder geheugen
Wanneer een app in korte tijd veel geheugen toewijst, pauzeert DevTools nu automatisch en verhoogt de heaplimiet. Hierdoor kunt u de heap inspecteren, opdrachten op de console uitvoeren om geheugen vrij te maken en doorgaan met het opsporen van fouten in het probleem. Zie Eén kleine stap voor Chrome, Eén grote hoop voor V8 voor meer informatie.
Breekpunten bij het maken van canvas
U kunt nu gebeurtenislistenerbreekpunten maken die worden geactiveerd wanneer er een nieuwe canvascontext wordt gemaakt.
Starttijdstatistieken op het tabblad Timing
Bovenaan het tabblad Timing kunt u nu zien wanneer een verzoek in de wachtrij is geplaatst en is gestart.
Serverstatistieken op het tabblad Timing
U kunt nu aangepaste serverstatistieken invoegen op het tabblad Timing. Zie Demo van servertimingwaarden voor een voorbeeld.
Met dank aan sroussey voor de bijdrage!
Veranderingen
Het tijdlijnpaneel is nu het prestatiepaneel
Het paneel Tijdlijn is hernoemd naar het paneel Prestaties, om het doel ervan beter weer te geven.
Het paneel Profielen is nu het paneel Geheugen
Het paneel Profielen is hernoemd naar het paneel Geheugen, om het doel ervan beter weer te geven.
De CPU Profiler bevindt zich achter een verborgen paneel
Nu het paneel Profielen het paneel Geheugen heet, heeft het niet echt zin om de CPU-profiler op dat paneel te hebben. Bovendien is het doel op lange termijn om alle gebruikers te laten profileren via het Prestatiepaneel. In de tussentijd hebt u nog steeds toegang tot de oude CPU-profiler via Instellingen > Meer tools > JavaScript Profiler .
Zie Chrome DevTools: JavaScript CPU-profilering in Chrome 58 voor meer informatie over het profileren van de CPU in het prestatiepaneel.
Nieuwe console-UI
Het consolepaneel en de lade hebben enkele wijzigingen in de gebruikersinterface ondergaan. Sommige impopulaire functies zijn verplaatst naar meer verborgen locaties en populaire functies zijn nu gemakkelijker toegankelijk.
- Klik op Console-instellingen
om toegang te krijgen tot instellingen voor het aanpassen van het gedrag van de console. - Het bewaarlogboek is nu verborgen in Console-instellingen .
- De knop Filters en het paneel zijn verdwenen. Gebruik in plaats daarvan het vervolgkeuzemenu.
- Het tekstvak voor het filteren van logboeken wordt nu altijd weergegeven. Het was voorheen verborgen in het deelvenster Filters.
- Het filtertekstvak accepteert automatisch RegEx, dus het selectievakje Regex is verdwenen.
- Het selectievakje Schendingen verbergen is verdwenen. Stel de vervolgkeuzelijst voor logboekniveau in op Uitgebreid om overtredingen te zien.
- Het uitschakelen van het selectievakje Alle berichten weergeven in de oude gebruikersinterface is gelijk aan het inschakelen van het selectievakje Alleen geselecteerde context in Console-instellingen in de nieuwe gebruikersinterface.
De breekpunten van de WebGL-gebeurtenislistener zijn verplaatst
De breekpunten van de WebGL-gebeurtenislistener zijn verplaatst van de WebGL- categorie naar de Canvas- categorie. De WebGL- categorie is verwijderd.