Wat is er nieuw in DevTools (Chrome 147)?

Matthias Rohmer

Gepubliceerd: 7 april 2026

Chrome 147 introduceert automatische contextselectie voor AI-ondersteuning, verbetert code-suggesties naar volledige codeaanvulling, moderniseert de werkbalk Apparaatmodus, biedt automatische decodering van gecomprimeerde netwerkbestanden en diverse andere verbeteringen.

Automatische contextselectie in AI-ondersteuning

Het vernieuwde startscherm van het AI-assistentiepaneel.

Een van de meest gevraagde functies voor AI-ondersteuning was de mogelijkheid om meer open vragen te stellen. Een nieuwe contextselectie-agent maakt het nu mogelijk om vragen te stellen zonder vooraf geselecteerde context , bijvoorbeeld:

  • "Wat zijn de traagste netwerkverzoeken op deze pagina?" Voorheen was dit niet mogelijk, omdat je een specifiek netwerkverzoek moest selecteren.
  • "Welke prestatieproblemen zijn er op de pagina?" DevTools zal nu automatisch een trace vastleggen met de door u geselecteerde instellingen om deze vraag te beantwoorden.
  • "Hoe gebruik ik het animatiepaneel?" of "Waar vind ik de instelling voor hoog contrast in DevTools?", waarmee direct hulp wordt geboden bij het gebruik van DevTools zelf.

Als onderdeel van deze wijziging kan AI-assistentie nu ook automatisch van context wisselen. De context wordt intelligent bijgewerkt op basis van uw acties wanneer de chat leeg is, terwijl uw handmatige selecties worden gerespecteerd zodra een gesprek is gestart.

Ontwikkeltools voor agents

De Chrome DevTools MCP-server en CLI zijn bijgewerkt naar versie 0.21.0, met aanzienlijke verbeteringen voor workflows met meerdere agents, nieuwe auditmogelijkheden via Lighthouse en een uitgebreidere set vaardigheden.

Belangrijke nieuwe functies sinds de laatste update zijn onder andere:

  • Geïntegreerde Lighthouse-audits: U kunt nu Lighthouse-audits rechtstreeks via MCP uitvoeren, waardoor geautomatiseerde prestatie- en kwaliteitscontroles binnen uw agentworkflows mogelijk zijn.
  • Vaardigheid voor het detecteren van geheugenlekken : Er is een nieuwe vaardigheid toegevoegd voor het detecteren van geheugenlekken met behulp van de tool take_memory_snapshot .
  • Verbeteringen in toegankelijkheidsvaardigheden: De vaardigheid voor het debuggen van toegankelijkheidsgegevens is verfijnd om Lighthouse beter te benutten en robuustere resultaten te leveren.
  • Algemene gebruiksvaardigheden: Specifieke vaardigheden voor het gebruik van de Chrome DevTools MCP-server of de CLI, en voor het oplossen van installatieproblemen, helpen uw agent om DevTools voor agents optimaal te benutten.
  • Ondersteuning voor workflows met meerdere agents: De introductie van pageId routing maakt het mogelijk dat meerdere agents zich parallel richten op specifieke browserpagina's en daarmee interageren.

Om deze functies te gaan gebruiken, bekijk dan de GitHub-repository met gedetailleerde release-opmerkingen.

Codegeneratie

In Chrome 142 introduceerden we code suggesties van Gemini in de console- en broncodepanelen . Met Chrome 147 wordt deze functionaliteit uitgebreid naar volledige codegeneratie.

Om code te genereren, typt u een opmerking in natuurlijke taal die de gewenste logica beschrijft (bijvoorbeeld: // Loop to check all img elements for valid alt attributes ) en drukt u op Cmd + I (Mac) of Ctrl + I (Windows/Linux) om te beginnen met genereren.

Vernieuwde werkbalk voor apparaatmodus

De werkbalk voor de apparaatmodus is gemoderniseerd voor een consistentere en gestroomlijndere gebruikerservaring:

  • Gestandaardiseerde bedieningselementen : Apparaatselectie, zoomniveaus en apparaatpixelverhouding (DPR) maken nu gebruik van standaard DevTools UI-componenten, wat de gebruiksvriendelijkheid verbetert.
  • Gestroomlijnde zoom : Het zoommenu is nu overzichtelijker, met de optie 'Aanpassen aan venster' direct geïntegreerd in de lijst met percentages. 'Automatisch zoomen' is verplaatst naar een eigen knop in de werkbalk.
  • Ondersteuning voor schermoriëntatievergrendeling : DevTools ondersteunt nu de screen.orientation.lock() API in apparaatemulatie. Wanneer een pagina de schermoriëntatie vergrendelt, roteert het geëmuleerde apparaat automatisch naar de vergrendelde oriëntatie en is de knop voor handmatig roteren uitgeschakeld zolang de vergrendeling actief is.

Chromium-problemen: 40807290

Gedecodeerde gecomprimeerde lichamen

Het diagnosticeren van problemen met gecomprimeerde bronnen is nu veel eenvoudiger. Voorheen, als een HTTP-verzoek Content-Encoding: gzip of deflate gebruikte, toonde de Payload- weergave in het netwerkpaneel onleesbare binaire gegevens in plaats van de gedecodeerde inhoud.

In Chrome 147 decodeert DevTools deze gecomprimeerde bestanden automatisch en geeft de leesbare inhoud direct onder Payload weer.

Bovendien bevat de lijst met verzoeken nu informatie over de overdrachtsgrootte , wat een duidelijker beeld geeft van het dataverbruik over het netwerk - een detail dat de AI-assistent ook gebruikt om verzoeken beter te selecteren.

Chromium-problemen: 356158096

Reguliere expressiefilters voor stijlen

Het nieuwe filter voor reguliere expressies in het paneel Stijlen.

Je kunt nu reguliere expressies gebruiken in de filterbalken van de panelen Stijlen , Berekend en Eigenschappen . Klik op de nieuwe schakelaar voor reguliere expressies ( .* ) om deze functie in te schakelen. Typ vervolgens bijvoorbeeld padding|border om alle padding en border te markeren.

Chromium-probleem: 40706727

Speculatieve belastingverbeteringen

Het debuggen van preloading is robuuster geworden met nieuwe functies in het paneel Applicatie > Speculatieve loads :

  • Tekstfiltering : U kunt de lijst met regels en pogingen nu filteren met behulp van vrije tekst of trefwoordfilters (bijv. url: , action: , status: ), met ondersteuning voor AND-logica tussen meerdere termen.
  • Wisknop : Met een nieuwe wisknop kunt u het vooraf geladen model resetten en de weergegeven regels en pogingen wissen.
  • HTTP-statuscodes : Bij mislukte prefetches toont DevTools nu de daadwerkelijke HTTP-statuscode (bijv. 404) in zowel de statuskolom als het detailvenster, in plaats van een algemene foutmelding.

Chromium-problemen: 479524246 , 40926909

Gemengd

Dit zijn enkele noemenswaardige verbeteringen en nieuwe functies in deze release:

  • Console : Wanneer alle inline stackframes van een fout op de negeerlijst staan, maar de aanroepstack niet-genegeerde frames bevat, verschijnt er nu een schakelaar waarmee u zich kunt concentreren op de uitvoerbare code en tegelijkertijd storende bibliotheektraceringen kunt verbergen ( 379788109 ).
  • Prestatie : De status van de zijbalk (open/gesloten) wordt nu opgeslagen; als u de zijbalk sluit, blijft deze gesloten tijdens volgende opnames ( 437340219 ).
  • Instellingen : DevTools kan je nu via een infobalk vragen de browser opnieuw op te starten wanneer je bepaalde experimentele instellingen wijzigt.
  • Objectinspectie : Een nieuwe contextmenu-optie "Alles weergeven" in objectweergaven laat u de zichtbaarheid van null of undefined eigenschappen in- of uitschakelen ( 41187256 ).
  • Elementen : De "ad"-versiering is niet langer beperkt tot iframes en kan nu worden weergegeven voor willekeurige elementen die door de backend als advertentie-gerelateerd zijn getagd ( 485493202 ).
  • Instructieknooppunten : Verwerkingsinstructieknooppunten (zoals <?xml-stylesheet ... ?> ) zijn nu zichtbaar en bewerkbaar in de DOM-boom ( 484891675 )

Toegankelijkheid

Deze release bevat diverse verbeteringen op het gebied van toegankelijkheid:

  • Prestaties : De helpknop in de prestatiekaarten is nu altijd zichtbaar en via het toetsenbord toegankelijk, in plaats van alleen te verschijnen bij het hoveren ( 487613506 ).
  • Bronnen : Breakpoints in eventlisteners kunnen nu worden in- of uitgeschakeld met de spatiebalk ( 478890182 ).
  • Instellingen : De Home- en End-toetsen werken nu voor het navigeren naar het eerste en laatste item in de lijst met snelkoppelingen ( 481747256 ).
  • Lighthouse : Verbeterde schermlezer-aankondigingen voor selectievakjes in categoriegroepen ( 477643909 ).