Wat is er nieuw in DevTools, Chrome 140

Sofia Emelianova
Sofia Emelianova
GitHub

Debug meer inzichten met Gemini

In Prestaties > Inzichten kunt u nu op Debuggen met AI (voorheen AI vragen ) klikken om te chatten en te debuggen met Gemini in het AI-assistentiepaneel voor meer prestatie-inzichten:

  • Verbeter de beeldlevering
  • Legacy JavaScript
  • Gedupliceerde JavaScript
  • Moderne HTTP

Voor en na het toevoegen van de knop 'Debuggen met AI' voor meer inzicht in prestaties.

De 'Save-Data'-header in 'Netwerkvoorwaarden' emuleren

In het paneel Netwerkvoorwaarden kunt u nu het gedrag van de Save-Data -aanvraagheader emuleren. Deze header is een hint voor de netwerkclient die aangeeft dat de client de voorkeur geeft aan minder dataverbruik. Deze is ook beschikbaar via de navigator.connection.saveData API.

Voor en na het toevoegen van de 'Save-Data'-aanvraagheader-emulatie aan 'Netwerkvoorwaarden'.

Chromium-probleem: 40668980 .

Bekijk de basislijnstatus in een CSS-eigenschapstooltips

Wanneer u in Elementen > Stijlen met de muis over een CSS-eigenschap beweegt, kunt u nu onder de definitie van de eigenschap de beschikbaarheid ervan in de belangrijkste browsers zien, op basis van de basislijnstatus .

Het voor en na toevoegen van de basislijnstatus aan de CSS-eigenschapstooltips.

Chromium-probleem: 417749762 .

Formulierfactoren in hints van gebruikersagentclients overschrijven

In de vervolgkeuzelijst Netwerkvoorwaarden > Hints voor gebruikersagentclient hebt u nu opties om vormfactoren te overschrijven, met name de waarden van de aanvraagheader Sec-CH-UA-Form-Factors .

Voor en na het toevoegen van de opties voor het overschrijven van de form factor aan de hints van de user agent client.

Chromium-probleem: 422218341 .

Vuurtoren 12.8.0

Het Lighthouse- paneel draait nu Lighthouse 12.8.0.

Het meest opvallende in deze versie is dat Lighthouse een nieuw rapport toevoegt: Beperk DOM-gebaseerde XSS met vertrouwde typen.

Zie ook de volledige lijst met wijzigingen .

Voor de basisbeginselen van het gebruik van het Lighthouse- paneel in DevTools raadpleegt u Lighthouse: Optimaliseer de snelheid van uw website .

Chromium-probleem: 40543651 .

Diverse hoogtepunten

Dit zijn enkele van de vele opvallende oplossingen en verbeteringen in deze release:

  • AI-assistentie :
    • De chatgeschiedenis wordt nu gewist wanneer u de bijbehorende AI-functie in Instellingen uitschakelt.
    • Toegankelijkheid : schermlezers kondigen nu al vroeg contexttitels aan, "Antwoord laden" wanneer het antwoord begint met streamen en "Antwoord gereed" wanneer het antwoord compleet is.
  • Elementen :
    • Het tabblad Stijlen kan nu de CSS-functies sibling-index() , sibling-count() en env() evalueren ( crbug.com/417128001 , crbug.com/40196710 ).
    • Ondersteuning toegevoegd voor het pseudo-element ::view-transition-group-children ( crbug.com/425901164 ).
    • Ondersteuning toegevoegd voor toegankelijkheidsproblemen met interactieve inhoud in het <summary> -element ( crbug.com/427172874 ).
    • Via het tabblad Berekend kunt u nu navigeren naar lange eigenschappen in Stijlen ( crbug.com/41486012 ).
    • Easing, Kleurbewerkers : U kunt nu met Bézier-stalen voor animatieovergangen en kleurstalen werken via het toetsenbord ( crbug.com/401213421 ).
  • Netwerk : HAR-bestanden importeren nu ook aanvraag- en antwoordcookies ( crbug.com/432995868 ).
  • Apparaatmodus : gebruikersagents voor Apple-apparaten bijgewerkt naar de nieuwste versie van Safari 18.5.

Download de previewkanalen

Overweeg Chrome Canary , Dev of Beta als uw standaard ontwikkelbrowser te gebruiken. Deze previewkanalen geven u toegang tot de nieuwste DevTools-functies, laten u geavanceerde webplatform-API's testen en helpen u problemen op uw site te ontdekken voordat uw gebruikers dat doen!

Neem contact op met het Chrome DevTools-team

Gebruik de volgende opties om nieuwe functies, updates of iets anders met betrekking tot DevTools te bespreken.

Wat is er nieuw in DevTools

Een lijst met alles wat in de serie Wat is er nieuw in DevTools is behandeld.