Wat is er nieuw in DevTools, Chrome 139

Sofia Emelianova
Sofia Emelianova
GitHub

Een betrouwbaardere en productievere Chrome DevTools

In deze versie gaf Chrome DevTools prioriteit aan productkwaliteit. Dit hield in dat een breed scala aan bekende problemen werd aangepakt, van langdurige visuele problemen, problemen met de bruikbaarheid en inconsistenties in het ontwerp tot prestatie- en functionele problemen. In totaal hebben we het aantal openstaande problemen met 27% verminderd.

We hebben eindelijk een aantal jaren oude problemen aangepakt, maar ook verbeteringen aangebracht in nieuwere functies, bijvoorbeeld in het Prestatiepaneel en de AI-ondersteuning . Het resultaat is een aanzienlijk verbeterde ontwikkelaarservaring over de hele linie.

Achter de schermen hebben we enorme inspanningen geleverd om onze testdekking te verbeteren, complexe testfouten onderzocht, tests gemigreerd naar robuustere fundamenten en bugs die we onderweg ontdekten, opgelost. We zijn erin geslaagd het aantal testgerelateerde problemen met 54% te verminderen.

Wij hopen dat u deze talrijke subtiele oplossingen en verbeteringen in de verschillende panelen zult ervaren, waardoor uw dagelijkse debug- en ontwikkelingsworkflows soepeler, betrouwbaarder en productiever worden.

Upload afbeeldingen met AI-assistentie voor styling

Om extra visuele context aan uw prompts te geven, kunt u nu niet alleen automatisch schermafbeeldingen maken, maar ook willekeurige afbeeldingen uploaden naar uw chats met Gemini in het AI- assistentiepaneel.

Begin uw gesprek vanuit het Elementenpaneel door een DOM-element te selecteren en te klikken Vraag AI , zodat het element wordt gespecificeerd als conversatiecontext . Klik vervolgens op Afbeelding toevoegen in het invoerveld.

Voor en na de ondersteuning voor het willekeurig uploaden van afbeeldingen.

Voeg aanvraagheaders toe aan de tabel in Netwerk

In het paneel Netwerk kunt u nu met de rechtermuisknop op een kolomnaam in de tabel met aanvragen klikken en meerdere aanvraagheaders selecteren om ze als kolommen toe te voegen.

Het voor- en naproces van het toevoegen van de optie 'aanvraagheaders' aan het menu.

Chromium-probleem: 397481040 .

Bekijk de hoogtepunten van Google I/O 2025

Als u dat nog niet gedaan hebt, probeer dan de nieuwe belangrijke Chrome DevTools-functies die zijn uitgelicht op Google I/O 2025 , waaronder maar niet beperkt tot:

Bekijk daarnaast ook de nieuwe Prestatie-inzichten : Gedupliceerd JavaScript en Verouderd JavaScript .

Diverse hoogtepunten

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

  • Toepassing : Er is nu een bevestigingsdialoog om de IndexedDB-objectopslag te wissen, omdat dit een onomkeerbare actie is ( crbug.com/326987147 ).
  • Bronnen : Logboekpunten en voorwaardelijke breekpuntbadges naast coderegels tonen nu bij het zweven een tooltip met de bijbehorende logboekmelding of voorwaarde ( crbug.com/40266230 ).

  • Prestatie :

    • Het inzicht 'Veroorzakers van lay-outverschuiving' toont nu koppelingen naar afbeeldingen die niet de juiste grootte hebben ( crbug.com/416449602 ).
    • Het LCP-aanvraagdetectie- inzicht toont nu de vertraging bij het laden van afbeeldingen na het vroegste startpunt.
    • Beperking : De verouderde indeling van de beperkingsinstellingen die sommige gebruikers lokaal hadden opgeslagen, is opgelost.
    • Gebeurtenislogboek : Filteren is sneller geworden ( crbug.com/40783421 ).

  • Animaties : voorbeeldschermafbeeldingen zijn verouderd, omdat klikken om een voorbeeld van een animatiegroep te bekijken een vergelijkbare en betere ervaring biedt ( crbug.com/330179643 ).

  • Toegankelijkheid :

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 dat in de serie Wat is er nieuw in DevTools is behandeld.