Wat is er nieuw in DevTools (Chrome 58)

Kayce Basken
Kayce Basques

Welkom bij de eerste versie van de release-opmerkingen van DevTools! Vanaf nu opent DevTools de eerste keer dat u een nieuwe versie van Chrome opent de 'Wat is er nieuw'- lade met een link naar de release-opmerkingen voor die versie.

Hoogtepunten

  • Het paneel Tijdlijn is hernoemd naar het paneel Prestaties.
  • Het paneel Profielen is hernoemd naar het paneel Geheugen.
  • Cookiewaarden kunnen nu worden bewerkt.
  • DevTools pauzeert nu automatisch bij fouten door een geheugentekort.

Nieuwe functies

Bewerkbare cookies

Dubbelklik op een cel op het tabblad Cookies om die waarde te bewerken.

Een cookie bewerken.
Figuur 1. Een cookie bewerken

Bedankt aan kdzwinel voor de bijdrage!

Inspecteerbare en bewerkbare CSS-variabelen in het deelvenster Stijlen

Je kunt nu CSS-variabelen bekijken 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. Zo kunt u de heap inspecteren, opdrachten uitvoeren in de console om geheugen vrij te maken en doorgaan met het debuggen van het probleem. Zie 'Eén kleine stap voor Chrome, één gigantische heap voor V8' voor meer informatie.

Gepauzeerd op een geheugen-breakpoint
Figuur 2. Gepauzeerd op een geheugen-breakpoint

Breekpunten bij het maken van canvas

U kunt nu gebeurtenislistenerbreekpunten maken die worden geactiveerd wanneer een nieuwe canvascontext wordt gemaakt.

Breekpunten voor het maken van canvas via het selectievakje 'Canvas maken' in het deelvenster 'Breekpunten voor gebeurtenislisteners'
Figuur 3. Breekpunten voor het maken van canvas via het selectievakje Canvascontext maken in het deelvenster Gebeurtenislistener-breekpunten

Starttijdstatistieken op het tabblad Tijdsregistratie

Bovenaan het tabblad Timing kunt u nu zien wanneer een aanvraag in de wachtrij is geplaatst en is gestart.

Starttijdstatistieken op het tabblad Timing.
Figuur 4. Starttijdstatistieken op het tabblad Timing

Serverstatistieken op het tabblad Timing

U kunt nu aangepaste serverstatistieken invoegen op het tabblad Timing. Zie Demo van servertimingwaarden voor een voorbeeld.

Serverstatistieken op het tabblad Timing
Figuur 5. Serverstatistieken op het tabblad Timing

Bedankt aan sroussey voor de bijdrage!

Wijzigingen

Het paneel Tijdlijn is nu het paneel Prestaties

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, is het niet echt zinvol meer om de CPU-profiler op dat paneel te hebben. Bovendien is het op de lange termijn de bedoeling dat alle gebruikersprofielen via het paneel Prestaties worden gemaakt. In de tussentijd kunt u de oude CPU-profiler nog steeds openen via Instellingen > Meer hulpprogramma's > JavaScript-profiler .

Zie Chrome DevTools: JavaScript CPU Profiling in Chrome 58 voor meer informatie over het profileren van de CPU in het paneel Prestaties.

Nieuwe console-UI

Het consolepaneel en de lade hebben enkele gebruikersinterfacewijzigingen ondergaan. Sommige minder populaire functies zijn verplaatst naar meer verborgen locaties en populaire functies zijn nu gemakkelijker toegankelijk.

  • Klik op Console-instellingen Console-instellingen om toegang te krijgen tot instellingen waarmee u het gedrag van de console kunt aanpassen.
  • Het logboek bewaren is nu verborgen in de console-instellingen .
  • De knop en het deelvenster Filters zijn verdwenen. Gebruik in plaats daarvan het dropdownmenu.
  • Het tekstvak voor het filteren van logs 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 'Overtredingen verbergen' is verdwenen. Stel de vervolgkeuzelijst 'Logniveau' in op 'Uitgebreid' om overtredingen te zien.
  • Als u het selectievakje Alle berichten weergeven uitschakelt in de oude gebruikersinterface, is dit hetzelfde als het inschakelen van het selectievakje Alleen geselecteerde context in de Console-instellingen in de nieuwe gebruikersinterface.
De nieuwe console-UI
Figuur 6. De nieuwe console-UI

WebGL-gebeurtenislistener-breekpunten zijn verplaatst

De breekpunten van de WebGL-gebeurtenislistener zijn verplaatst van de WebGL- categorie naar de Canvas -categorie. De WebGL- categorie is verwijderd.