Wat is er nieuw in DevTools (Chrome 150)?

Matthias Rohmer

Gepubliceerd: 30 juni 2026

Chrome 150 brengt verbeterde geheugendebugging naar DevTools voor agents, versterkt de AI-ondersteuning met meer widgets en introduceert volledige bewerkingsmogelijkheden voor CSS @container en @function -regels.

Ontwikkeltools voor agents

In de recente releases tot en met versie 1.4.0 heeft Chrome DevTools voor agents de mogelijkheden voor browserautomatisering en -debugging voor agents aanzienlijk uitgebreid.

De belangrijkste kenmerken en verbeteringen ten opzichte van de vorige versie zijn onder andere:

  • Suite voor het debuggen van geheugen ( --experimentalMemory ): Agents kunnen nu rechtstreeks V8-heapsnapshots vastleggen en analyseren om JavaScript-geheugenlekken op te sporen en objectretentiehiërarchieën te analyseren.
  • Beheer van Chrome-extensies ( --categoryExtensions ): Agents kunnen de levenscyclus van extensies beheren (installeren, verwijderen, herladen, weergeven) en logboeken van de console van de achtergrondserviceworker vastleggen voor diagnostiek.
  • Gebundelde agentvaardigheden: De map skills/ is nu rechtstreeks opgenomen in de npm-pakketdistributie, waardoor MCP-clientagents automatisch gespecialiseerde workflows voor browsen en debuggen kunnen ontdekken en uitvoeren.
  • Token- en uitvoeroptimalisaties: Het beperken van de schermafmetingen aan de bron vermindert het tokenverbruik, en experimentele TOON-ondersteuning (Token-Oriented Object Notation) optimaliseert de opmaak van gestructureerde gegevens.
  • Verbeterde navigatie en context: list_pages bevat nu paginatitels naast URL's en doel-ID's voor een betere selectie van de context in meerdere tabbladen, terwijl de configuratieopties allowedUrlPattern en blockedUrlPattern zorgen voor strikte beveiliging van het browsebereik.

Voor de meest recente updates over DevTools voor agents en om bij te dragen, kunt u terecht op de GitHub-repository .

Diepere inzichten in AI-ondersteuning

De nieuwe Lighthouse- en computerstijlwidgets in de handleiding voor de AI-assistent.

Het AI-assistentiepaneel blijft zich ontwikkelen en biedt meer details in de Agent-walkthroughs . Negen extra widgets tonen nu gegevens uit de panelen Lighthouse, Netwerk, Bronnen en Prestaties. Deze widgets helpen u de gegevens die Gemini gebruikt bij het aanroepen van de agenttools voor het ophalen van prestatiegebeurtenissen, resource-inhoud, netwerkverzoeken en meer, beter te begrijpen.

Chromium-problemen: 460763995

Volledige bewerkingsondersteuning voor meer CSS-at-regels.

Het tabblad Stijlen in het paneel Elementen biedt nieuwe mogelijkheden voor het ontwerpen van moderne CSS-functies:

  • Directe bewerking @container -regels: U kunt nu rechtstreeks containernamen en queryvoorwaarden bewerken in CSS @container -regels, waardoor u naadloos kunt experimenteren met responsieve containerquery-ontwerpen.
  • Bewerking van CSS @function regels: Volledige bewerkingsondersteuning toegevoegd voor aangepaste CSS @function -regels.
  • @counter-style regelbewerking: Codeaanvulling toegevoegd voor eigenschappen list-style-type , die direct linken naar hun overeenkomstige @counter-style definities.
  • Niet-relevante regels inklappen: Met een nieuwe voorkeursinstelling kunt u niet-relevante CSS-stijlregels inklappen, zodat het deelvenster Stijlen zich uitsluitend richt op actieve stijlen.

Een CSS-functie en een tegenstijlregel in het tabblad Stijlen.

Chromium-problemen: 507611251 , 41491726 , 480080406 , 351662727 , 514846131

Ondersteuning voor het verwijderen van dubbele breakpoints en recursieve source maps in Sources.

Het paneel 'Bronnen' biedt verbeterde nauwkeurigheid bij het debuggen van complexe, moderne build-pipelines:

  • Logische deduplicatie van breakpoints: Breakpointmarkeringen in de zijbalk worden nu gededupliceerd in code-split-bundels en SSR/client-gecompileerde templates door de dichtstbijzijnde opgeloste locatie te gebruiken. Dit voorkomt dubbele breakpointindicatoren bij het debuggen van code die gedeeld wordt over meerdere chunks of omgevingen.
  • Recursieve EvalOrigin en geneste bronkaarten: De debugger ondersteunt nu recursieve EvalOrigin structuren en geneste vertaalketens over bronkaarten heen, waardoor nauwkeurige stacktraces en stapgedrag in meerfasige compilatieworkflows worden gegarandeerd.
  • Sneltoets 'Ga naar regel': ALT + G is toegevoegd als extra sneltoets voor de navigatie 'Ga naar regel' in de editor, om conflicten met de nieuwe Gemini-sneltoets in Chrome te voorkomen.
  • Opmaak van importattributen: De onderliggende Acorn-parser is bijgewerkt om een ​​mooie opmaak te ondersteunen voor de standaard syntaxis van JavaScript-importattributen.

Chromium-problemen: 493674242 , 485142682 , 480172712 , 491167992

Beveiliging en cross-origin-versterking in DevTools

Net als bij veel andere softwareproducten zagen we de laatste tijd een toename in beveiligingsmeldingen, waarvan er veel met behulp van AI werden gevonden. Het team is constant bezig deze problemen te onderzoeken en op te lossen om DevTools veilig te houden.

  • Self-XSS-beveiliging voor Live Expressions: Er zijn waarschuwingsdialoogvensters en beveiligingsmechanismen toegevoegd voor self-XSS bij het maken van Live Expressions in de Console .
  • Toegestane navigatielijsten en verificatie van herhalingen in de opnamefunctie: Het opnamepaneel hanteert nu strikte toegestane navigatielijsten om te voorkomen dat er naar pagina's met hoge privileges wordt genavigeerd, naast strikte verificatie van de herkomst van extensies binnen de herhalingssecties.
  • Beperkingen voor netwerkoverrides van extensies: Netwerkoverrides die door extensies worden beheerd, handhaven nu strikt runtime_blocked_hosts -hostbeleid.
  • Veilige @font-face constructie: De generatie van @font-face regels is herzien met behulp van de CSSStyleSheet API en veilige URL-stringificatie om CSS-injectie via data-URL's te voorkomen.

Andere hoogtepunten

Een verzameling kleinere verbeteringen en bugfixes in deze release:

  • Prestatieprobleem : De toename van de overdrachtsgrootte TraceTree voor netwerkverzoeken uit de cache is verholpen door de overdrachtsgrootte bij cachetreffers te forceren naar 0 bytes.
  • Prestaties : De prestatieformatters zijn bijgewerkt om de optionele deviceScope veldgegevens van het Chrome UX Report (CrUX) te ondersteunen.
  • Prestaties : Horizontaal scrollen is ingeschakeld in oproepboomtabellen om afkapping door puntjes bij lange bestands-URL's te voorkomen.
  • Prestaties : Problemen met het opnieuw renderen en corruptie van de DOM-status in de Insights-zijbalk zijn verholpen, ongeacht het gebruikte tracebestand.
  • Prestaties : De instellingen voor het bijhouden van ongeldigverklaringen van de tijdlijn en de debugmodus zijn verplaatst van experimentele vlaggen naar standaard DevTools-instellingen.
  • Netwerk : De onjuiste hernoeming van kolommen is teruggedraaid om de kolom 'Heeft overschrijvingen ' te herstellen en de sorteerlogica voor koptekst- en inhoudsoverschrijvingen is gecorrigeerd.
  • Netwerk : De CSS-stijl attr() in de watervalbalken van Server-Timing is gecorrigeerd, zodat de per rij gegenereerde kleuren correct worden weergegeven.
  • Netwerk : Vaste kopie als cURL- opdrachtgeneratie voor naamloze cookies.
  • Applicatie : Lokale en sessieopslagitems worden in het applicatiepaneel gekoppeld met behulp van de nieuwe StorageAgent -infrastructuur.
  • Toepassing : De prioriteit van de status voor speculatieve laadprocessen is gecorrigeerd, zodat URL's die zowel succesvol worden opgehaald als gerenderd, correct worden weergegeven als "prerendered".
  • Toepassing : Weergave van tooltips met exacte byte-waarden in kolommen van Heap Snapshot-weergaven.
  • Problemen : Het probleemtype BackUINavigationWouldSkipAd verscheen telkens wanneer terugnavigatie advertenties oversloeg.
  • Problemen : Ondersteuning toegevoegd voor het weergeven van problemen met e-mailverificatieverzoeken ( EmailVerificationRequestIssue ).
  • Lighthouse : Er is een selectievakje voor de categorie Agentic Browsing toegevoegd (standaard uitgeschakeld) in het configuratiepaneel van Lighthouse en de meegeleverde Lighthouse-engine is bijgewerkt naar versie 13.3.0.

Chromium-problemen: 518021339 , 40908621 , 517519019 , 487755345 , 505284391 , 465915378 , 512908993 , 40543651

Toegankelijkheidsverbeteringen

Chrome 150 brengt diverse verbeteringen met zich mee voor schermlezer-aankondigingen, widgetstructuren en ARIA-semantiek in DevTools:

  • Verbeterde schermlezer-aankondigingen bij het selecteren van tabbladen en het navigeren door secties binnen het tabblad Stijlen.
  • Er zijn beschrijvende tooltips toegevoegd aan de pictogrammen voor het sluiten van dialoogvensters en het is nu mogelijk om ARIA-details en beschrijvingskenmerken aan tooltips toe te voegen.
  • Strikte ARIA- menuitem zijn toegepast op contextmenu-items om de navigatie voor ondersteunende technologieën te verbeteren.

Chromium-problemen: 510013788