Wat is er nieuw in DevTools (Chrome 151)?

Matthias Rohmer

Gepubliceerd: 28 juli 2026

Chrome 151 introduceert meer widgets voor de Agent-walkthrough in AI-assistentie, gedetailleerde CSS-specificaties in het tabblad Stijlen, ondersteuning voor het pseudo-element ::interest-button en belangrijke updates voor de DevTools MCP-server.

Ontwikkeltools voor agents

In recente releases tot en met versie 1.6.0 heeft Chrome DevTools voor agents de mogelijkheden voor het debuggen van codeeragents zoals Antigravity, Claude, Codex en meer aanzienlijk uitgebreid.

Updates voor versies v1.4.0 tot en met v1.6.0 omvatten:

  • Verbeterde geheugendebugging: De nieuwe tool get_heapsnapshot_duplicate_strings detecteert geheugenverspilling veroorzaakt door redundante tekenreekstoewijzingen in JavaScript-heaps. get_heapsnapshot_details retourneert het totale aantal objecten en geaggregeerde geheugengroottes, filterbare heapsnapshot-aggregaten, GC-root-retainingpaden en maakt het mogelijk om geheugenverschillen tussen snapshots te vergelijken.
  • GCF-formaatcodering ( experimentalGcfFormat ): Ondersteuning toegevoegd voor GCF-gecodeerde toolreacties om de bandbreedte en parseerefficiëntie te optimaliseren voor ondersteunende clients.
  • Gelijktijdige multi-agent paginaroutering en geïsoleerde contexten: --experimentalPageIdRouting maakt het mogelijk dat parallelle subagents gelijktijdig op verschillende browsertabbladen werken met behulp van expliciete pageId routering. De parameters --isolated mode en isolatedContext creëren tijdelijke Chrome-profielen en -opslag per sessie.

Ga voor meer informatie en om aan de slag te gaan naar de DevTools for agents-repository op GitHub .

AI-ondersteuning

Afbeelding/screencast: Het AI-assistentiepaneel met de nieuwe inline-widget 'Network Track' en een interactieve handleiding met GFM-tabelondersteuning.

Het AI- assistentiepaneel blijft zich ontwikkelen en biedt meer details in Agent-walkthroughs met een gespecialiseerde Network Track- widget (die inline netwerkactiviteit weergeeft met navigatie met één klik om in te zoomen op het tijdsbereik in het Performance-paneel) en een Network Requests List- widget (die gestructureerde aanvraagparameters weergeeft in interactieve tabellen).

Bovendien ondersteunen antwoordberichten nu volledig het weergeven van GitHub Flavored Markdown (GFM)-tabellen voor opgemaakte tabelvormige gegevenssamenvattingen.

Uitleg van CSS-specificiteit en ondersteuning voor ::interest-button

De nieuwe tooltip voor de uitsplitsing van CSS-specificiteit in het tabblad Stijlen.

Het Elements- paneel biedt uitgebreidere tools voor CSS-inspectie en -bewerking voor moderne webplatform-API's:

  • Gedetailleerde uitleg van CSS-specificiteit: Wanneer je de muis over selectornamen in het tabblad Stijlen beweegt, verschijnt nu een gedetailleerde tooltip die uitlegt hoe elke klasse, ID, element of pseudo-klasse bijdraagt ​​aan de (a, b, c) -specificiteitsberekening. Dit is een bijdrage van de community, met dank aan @hjanuschka !
  • ::interest-button pseudo-element: DevTools analyseert en toont nu volledig het nieuwe CSS-pseudo-element ::interest-button (onderdeel van de HTML-specificatie interesttarget ) in het overzicht van de elementenboom en op het tabblad Stijlen.
  • Asynchrone doelkoppeling voor HTML-relatieattributen: HTML-attributen zoals popovertarget , interesttarget en commandfor halen nu asynchroon hun doel-DOM-knooppunten op en koppelen deze visueel inline.
  • Lazy rendering voor grote stylesheets: Het tabblad Stijlen maakt nu gebruik van lazy property decoration wanneer een element meer dan 200 CSS-eigenschappen bevat, waardoor de rendertijd van enkele seconden wordt teruggebracht tot milliseconden.

Chromium-problemen: 353436867 , 453705247 , 524406293 , 457696384 , 524131115

Foutopsporing in het geheugen: Toewijzing van de oorspronkelijke context en behoud van closures

Het geheugenpaneel met een momentopname en het filter 'Objecten behouden door context' ingeschakeld.

Het diagnosticeren van complexe JavaScript-geheugenlekken in webapplicaties met meerdere frames of contexten is nu aanzienlijk eenvoudiger in het paneel Geheugen :

  • Native V8-contexttoewijzing: Heap-snapshots voeren nu een tweefasig toewijzingsalgoritme uit. Statische pointer-inferentie lost native_context maps op, terwijl grafiekbereikbaarheid de resterende objecten traceert. Objecten die bereikbaar zijn vanuit één native context worden direct aan die context toegewezen, terwijl objecten die bereikbaar zijn vanuit meerdere contexten worden gecategoriseerd in een gedeelde contextbucket.
  • "Behouden door context"-filter: Een nieuw UI-filter in de Heap Snapshot-weergave stelt u in staat objecten te isoleren die uitsluitend worden behouden via JavaScript-closurecontextobjecten.
  • Configureerbare weergavevolgorde van eigenschappen: Een nieuwe schakelaar in het contextmenu, 'Eigenschappen alfabetisch sorteren ' (standaard ingeschakeld), laat u schakelen tussen alfabetische sortering en de oorspronkelijke JavaScript-invoegvolgorde van eigenschappen bij het inspecteren van eigenschappen van heap-objecten.

Chromium-problemen: 497855658 , 423838364 , 40833016

Promisified Extension API's en beveiligingsversterking

De API's van de DevTools-extensie zijn bijgewerkt met moderne asynchrone patronen en strengere beveiligingsmaatregelen:

  • Native Promise-ondersteuning: Asynchrone methoden in chrome.devtools.network ( getHAR() , Request.getContent() ), chrome.devtools.panels en chrome.devtools.inspectedWindow ( eval() , getResources() , Resource.getContent() , Resource.setContent() ) retourneren nu standaard JavaScript Promise objecten wanneer ze worden aangeroepen zonder callback-parameter.
  • Beveiligingsgrenzen voor extensies: DevTools-extensies mogen nu geen HAR-bronnen meer ophalen van geblokkeerde doel-URL's, moeten voldoen aan extensionsOnChromeUrls machtigingen voor evaluaties tussen extensies in inspectedWindow.eval , en moeten allowFileAccess controles afdwingen voor file:// -bronnen.

Overige hoogtepunten en verbeteringen

Een verzameling kleinere verbeteringen en bugfixes in deze release:

  • Prestaties : Soft FCP (First Contentful Paint) tijdlijnmarkeringen toegevoegd naast Soft LCP- en Soft Navigation-markeringen, met bijgewerkte kopteksten van het detailmenu.
  • Prestaties : Er zijn beveiligingsmaatregelen toegevoegd om controles op de rekendruk over te slaan tijdens de kalibratie van de CPU-throttling op Android-apparaten zonder PressureObserver -ondersteuning.
  • Netwerk : Bijgewerkte cURL-kopie om doel-URL's te voorzien van het --url om verkeerde interpretatie van opdrachtregelvlaggen voor URL's met een streepje te voorkomen.
  • Bronnen : Standaard is de resolutie van het bereik van de bronmap ingeschakeld, wat de resolutie van het bereik van variabelen en het niet-minificeren van symbolen tijdens het debuggen verbetert.
  • Instellingen : Bijgewerkte geëmuleerde apparaatvoorinstellingen voor nieuwere iPhone- en Pixel-modellen met geverifieerde veilige-gebied-insets, en vult aangepaste apparaat-User-Agent-velden vooraf in met navigator.userAgent . (Chromium-problemen: 40718410 , 518215252 )
  • Instellingen : Het vervolgkeuzemenu voor linkverwerking is bijgewerkt om gebruiksvriendelijke extensietitels weer te geven in plaats van de onbewerkte URL's van de extensies.
  • Lighthouse : De meegeleverde Lighthouse-module is bijgewerkt naar versie 13.4.0 . (Chromium-probleem: 40543651 )

Toegankelijkheidsverbeteringen

Chrome 151 biedt de volgende verbeteringen op het gebied van toegankelijkheid:

  • Elementen : De zichtbaarheid van ingeschakelde werkbalkpictogrammen (zoals de knop 'Scriptuitvoering hervatten ') is hersteld in de Windows-modus 'Hoog contrast / @media (forced-colors: active) door conflicterende achtergrondkleuroverrides te verwijderen. (Chromium-probleem: 519762185 )
  • Console : title tooltips met volledige tekst toegevoegd voor afgekorte Live Expression-tekenreekswaarden in Console Pins.