Deze pagina is vertaald door de Cloud Translation API.

Wat is er nieuw in DevTools (Chrome 119)

Sofia Emelianova

Verbeterde sectie `@property` in Elementen > Stijlen

Bewerkbare `@property` -regel

U kunt nu de @property CSS at-regel bewerken in de overeenkomstige sectie in het deelvenster Elementen > Stijlen .

Het voor en na het bewerkbaar maken van de eigenschapsregel.

Chroomuitgave: 1471123 .

Er worden problemen met ongeldige `@property` regels gerapporteerd

Het tabblad Problemen rapporteert nu problemen met ongeldige declaraties in @property regels.

Een probleem met de eigendomsregel gerapporteerd op het tabblad Problemen.

Chroomuitgave: 1473283 .

Bijgewerkte lijst met apparaten om te emuleren

De user-agent tekent in Instellingen > Apparaten is bijgewerkt om het gemiddelde gebruik van browsers en besturingssystemen weer te geven. U kunt nu meer up-to-date apparaten emuleren in de apparaatmodus .

Het voor en na het bijwerken van de apparatenlijst.

Chroomuitgave: 1479733 .

Mooie print inline JSON in scripttags in bronnen

Het Bronnenpaneel ondersteunt nu mooi afgedrukte inline JSON in <script> HTML-tags voor eenvoudiger debuggen.

De voor en na mooie inline JSON in de scripttag.

Chroomuitgaves: 406900 , 1473875 .

Privévelden automatisch aanvullen in Console

U kunt nu privéklassevelden automatisch aanvullen wanneer u deze buiten het klassenbereik in de Console evalueert.

Het voor- en na-ondersteunende automatische aanvullen voor privéklassevelden buiten het klassebereik.

Chroomuitgaves: 1483848 , 1381806 .

Vuurtoren 11.1.0

Het Lighthouse- paneel draait nu Lighthouse 11.1.0. Bekijk de volledige lijst met wijzigingen .

Zie Lighthouse: Websitesnelheid optimaliseren voor meer informatie over de basisprincipes van het gebruik van het Lighthouse- paneel in DevTools.

Chroomuitgaves: 772558 .

Verbeteringen in toegankelijkheid

Schermlezers lezen nu het volgende voor:

Waarschuwingen en fouten in de console .
De tekst in het venster Vertrouwt u deze code? dialoogvenster bij het plakken van code in Console of Sources .

Bovendien heeft het Applicatiepaneel contrastproblemen opgelost met koppelingen in de hoogcontrastmodus.

Chroomuitgaves: 1485257 , 1486643 , 1485263 .

Beëindiging van Web SQL

De sectie Applicatie > Web SQL wordt verwijderd in Chrome 123 omdat de Web SQL Database API niet meer wordt onderhouden . Deze versie voegt een waarschuwing toe aan de sectie over de aanstaande verwijdering.

De waarschuwing voor de beëindiging van Web SQL.

Zie Web SQL afschaffen en verwijderen voor meer informatie.

Chroomafgiften: 1485966 .

Validatie van de beeldverhouding van screenshot in Toepassing > Manifest

In het gedeelte Toepassing > Manifest wordt nu gecontroleerd of de schermafbeeldingen van uw webapp met dezelfde vormfactor ( wide of narrow ) dezelfde beeldverhouding hebben.

Een waarschuwing over de onjuiste beeldverhouding van schermafbeeldingen met dezelfde vormfactor.

Zie Fouten opsporen in progressieve web-apps en Een web-app-manifest toevoegen voor meer informatie.

Het DevTools-team spreekt zijn dank uit aan Alexey Rodionov voor het invoeren van deze wijziging en andere duidelijke waarschuwingsverbeteringen in de vorige versie.

Chroomuitgave: 1476656 .

Diverse hoogtepunten

Dit zijn enkele opmerkelijke oplossingen en verbeteringen in deze release:

Elementen :
- Stalen van de animatietimingfunctie worden niet weergegeven voor lange CSS-eigenschappen onder de uitbreidbare verkorte eigenschappen ( 1149182 ).
- De autocomplete voor contain-intrinsic-* levert nu niet de onjuiste enkele auto waarde op, omdat deze auto <length> ( 1480415 ) zou moeten zijn.
- Ondersteuning voor verouderde en ongeldige -webkit-* eigenschappen is verwijderd ( 1086089 , 1030765 ).
Breekpunten : de bug opgelost waarbij het dialoogvenster voor het bewerken van breekpunten verdween wanneer het breekpunttype werd gewijzigd ( 1485782 ).
Prestatie :
- De kleurparseerfout tijdens het opnemen van prestaties is opgelost ( 1480205 ).
- De bug opgelost waarbij LCP niet werd weergegeven in de timingtrack ( 1487136 ).
Netwerk : In de kolom Cookies instellen wordt nu het juiste aantal cookies weergegeven dat is ingesteld, exclusief geblokkeerd ( 1486903 ).
DevTools-extensies worden nu geladen na navigatie naar een niet-geblokkeerde host ( 1476264 ).
De bug met onjuiste scriptuitvoeringscontext voor extensies opgelost ( 1275331 ).

Download de voorbeeldkanalen

Overweeg het gebruik van Chrome Canary , Dev of Beta als uw standaard ontwikkelingsbrowser. Deze preview-kanalen geven u toegang tot de nieuwste DevTools-functies, testen geavanceerde webplatform-API's en ontdekken problemen op uw site voordat uw gebruikers dat doen!

Neem contact op met het Chrome DevTools-team

Gebruik de volgende opties om de nieuwe functies en wijzigingen in het bericht te bespreken, of iets anders gerelateerd aan DevTools.

Stuur ons een suggestie of feedback via crbug.com .
Rapporteer een DevTools-probleem met behulp van de opties Meer > Help > Rapporteer een DevTools-probleem in DevTools.
Tweet op @ChromeDevTools .
Laat reacties achter op onze Wat is er nieuw in DevTools YouTube-video's of DevTools Tips YouTube-video's .