Wat is er nieuw in DevTools (Chrome 119)

Sofia Emelianova
Sofia Emelianova
GitHub

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. 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 afdrukkende 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 animatietimingfuncties 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 eigenschappen -webkit-* 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 opgelost met onjuiste scriptuitvoeringscontext voor extensies ( 1275331 ).

Download de voorbeeldkanalen

Overweeg om Chrome Canary , Dev of Beta te gebruiken als uw standaard ontwikkelingsbrowser. Met deze voorbeeldkanalen krijgt u toegang tot de nieuwste DevTools-functies, kunt u geavanceerde webplatform-API's testen en kunt u problemen op uw site opsporen voordat uw gebruikers dat doen!

Neem contact op met het Chrome DevTools-team

Gebruik de volgende opties om de nieuwe functies, updates of iets anders gerelateerd aan DevTools te bespreken.

Wat is er nieuw in DevTools

Een lijst met alles wat aan bod is gekomen in de serie Wat is er nieuw in DevTools .