Nieuw in DevTools - oktober 2026

Matthias Rohmer

Gepubliceerd: 1 oktober 2026

Chrome 153 en Chrome 154 zijn de afgelopen maand stabiel uitgebracht en bieden een reeks verbeteringen voor ontwikkelaars die direct toepasbaar zijn in uw dagelijkse workflow. Deze editie bevat onder andere gedetailleerde controle over de uitvoering van JavaScript in DevTools voor agents, het bijhouden van advertentiescripts in het toepassingspaneel, volledige ondersteuning voor softnavigatie en het overschrijven van CPU-prestatieniveaus in Prestaties, ondersteuning voor inactieve stijlen en toetsenbordtoegankelijke elementen in Elementen, broncode-inspectie en het vastleggen van prestatiegegevens in AI-ondersteuning, en gemoderniseerde apparaatvoorinstellingen in Apparaatmodus.

Ontwikkeltools voor agents

De Chrome DevTools MCP-server introduceert nieuwe beveiligingsfuncties, prestatieoptimalisatie en mogelijkheden voor geheugenanalyse voor codeeragents:

  • Agent Plugins 1.0-pakket : Ondersteuning toegevoegd voor het Agent Plugins 1.0-pakket, waardoor agents modulaire plugin-extensies kunnen laden en uitvoeren.
  • Beheer van JavaScript-uitvoering : Configureer --no-javascript-evaluation of schakel JavaScript-uitvoeringstools uit om pagina's te inspecteren zonder scripts te evalueren. Dit geldt ook voor navigatie- en initialisatiescripts.
  • Bronkaarten op aanvraag : Er is een optie toegevoegd om bronkaarten uit te schakelen en ze pas op aanvraag te laden, waardoor een hoog geheugenverbruik op grote websites wordt voorkomen.
  • Configureerbare bestandssysteemroots en CLI-padrechten : De CLI bevat nu standaard --allow-unrestricted-paths en ondersteunt configureerbare bestandssysteemroots.
  • Inspectie van heap-snapshots : Zoek objecten rechtstreeks op basis van de bewaarde grootte of eigenschapsnaam met query_heapsnapshot , bekijk de grootte van de objecten zelf en de bewaarde grootte voor edges, en inspecteer het geheugen dat wordt vastgehouden door V8-uitvoeringscontexten.
  • PWA-automatiseringstools : Er zijn speciale tools toegevoegd voor het automatiseren van de installatie en levenscycluscontrole van Progressive Web Apps.
  • Console-stacktraces : Haal optionele stacktraces op bij het weergeven van consoleberichten met list_console_messages .

Meer informatie vind je in de chrome-devtools-mcp repository .

Na de introductie van vier experimentele advertentiestatistieken voor het Chrome User Experience Report (CrUX), is dit nieuwe subpaneel een centrale plek om paginabrede advertentiegerelateerde informatie te debuggen en te optimaliseren. Dit omvat:

  • Een dashboard voor de nieuwe experimentele statistieken: advertentiedichtheid in de viewport, aantal advertenties in de viewport, totaal CPU-gebruik door advertenties, totaal netwerkgebruik door advertenties.
  • Segmentatie van CPU- en netwerkgebruik op basis van advertentie-elementen
  • Een tabel met advertentiescripts in het hoofdvenster.
  • Een schakelaar waarmee advertenties op de pagina worden gemarkeerd.

Lees meer over de nieuwe advertentiestatistieken in onze documentatie .

In het toepassingspaneel, op het tabblad Advertenties, wordt de nieuwe tabel met advertentiescripts weergegeven en wordt een advertentiescript in Bronnen zichtbaar.
In het toepassingspaneel, op het tabblad Advertenties, wordt de nieuwe tabel met advertentiescripts weergegeven en wordt een advertentiescript in Bronnen zichtbaar.

Chromium-problemen: 514957134 , 512927903 , 540469610

Het Performance- paneel biedt end-to-end softnavigatiemeting, hardwarekalibratie-overrides en diepgaandere traceringszoekfuncties:

  • Volledige ondersteuning voor soft navigation : Na de introductie van soft navigation-ondersteuning in Live Metrics en trace-weergaven in Chrome 152 , is soft navigation-analyse nu ook beschikbaar in Insights . Hiermee is de volledige end-to-end ondersteuning voor het meten van soft navigations in het Performance- paneel compleet.
  • CPU-prestatieniveau-override via CDP : DevTools ondersteunt nu het configureren, berekenen en verzenden van gekalibreerde CPU-prestatieniveau-overrides via het Chrome DevTools Protocol ( Emulation.setCPUPerformanceOverride ), waardoor reproduceerbare prestatietests op verschillende hardwareniveaus mogelijk zijn.
  • Zoeken naar uitbreidingstracks in het flame chart : Door Ctrl+F in te drukken in het flame chart van het Performance- paneel, worden nu items in aangepaste tracks die zijn geregistreerd met behulp van de Extensibility API gevonden. Hierbij wordt gezocht in de tooltiptekst, eigenschappen en gebruikersgegevens.
  • Visualisatie van CPU-profielthreads : De vlamgrafiek in het prestatiepaneel toont nu alleen threads die CPU-profielsamples bevatten, zodat achtergrondprocessen zoals WebAssembly-threads in de tijdlijnweergaven verschijnen.
Soepele navigatie door het gehele workflowproces in het prestatiepaneel.

Chromium-problemen: 449760252 , 483092899 , 540020488

Elementen: Inactieve stijlen, toetsenbordtoegankelijke versieringen en correcties aan de boomstructuur.

Het inspecteren en schrijven van CSS gaat sneller en is toegankelijker in het Elementenpaneel :

  • Inactieve stijlen worden nu ondersteund : DevTools kunnen stijlregels die eerder overeenkwamen met het geselecteerde element blijven weergeven, ook wanneer ze niet langer van toepassing zijn. Deze worden duidelijk aangegeven met een visuele indicator voor inactieve stijlen. Schakel inactieve stijlen in en configureer het inklapgedrag ervan in de instellingen .
  • Toetsenbordtoegankelijke decoratie-elementen : Interactieve decoratie-elementen in de DOM-structuur, waaronder View Source , Starting Style , Scroll Snap en Reveal , kunnen nu met het toetsenbord worden geselecteerd en geactiveerd met Enter of Space .
  • Slepen en neerzetten : Het herschikken van DOM-nodes door elementen in de DOM-structuur te slepen werkt nu betrouwbaar over de grenzen van de shadow DOM heen, met duidelijke indicatoren voor de plaatsing van de elementen.
  • Vloeiender schakelen van CSS-eigenschappen : Het in- of uitschakelen van CSS-eigenschapselectievakjes in het tabblad Stijlen leidt niet langer tot dubbele UI-vernieuwingen of visuele flikkeringen.
Elementenpaneel met een inactieve CSS-regel.
Elementenpaneel met een inactieve CSS-regel.

Chromium-problemen: 539424116 , 554057179 , 555088527 , 548477554

Apparaatmodus: Gemoderniseerde apparaatvoorinstellingen gegroepeerd op vormfactor.

De werkbalk Apparaatmodus en de weergave Instellingen > Apparaten organiseren geëmuleerde hardware in overzichtelijke categorieën:

  • Indeling op vormfactor : Gesimuleerde apparaten zijn nu gegroepeerd in Mobiel , Opvouwbare apparaten , Tablets & Desktops en Smart Displays .
  • Hardwarecatalogus bijgewerkt : Moderne presets toegevoegd, waaronder iPhone 16, Pixel 9, Pixel 10, Galaxy Z Fold 6, iPad Pro 13" en Nest Hub Max, terwijl verouderde apparaatdefinities zijn verwijderd.
Apparaatmodus met de gemoderniseerde apparaatvoorinstellingen, gegroepeerd per vormfactor.
Apparaatmodus met de gemoderniseerde apparaatvoorinstellingen, gegroepeerd per vormfactor.

Chromium-problemen: 526856234 , 526857820

Netwerk: Bewerken en opnieuw verzenden als ophalen in de console, en lokale overrides beveiliging

De workflows voor inspectie en foutopsporing van netwerkverzoeken zijn gestroomlijnd en beveiligd:

  • Bewerken en opnieuw verzenden als fetch in de console : Door 'Bewerken en opnieuw verzenden als fetch' te selecteren bij een netwerkverzoek, wordt het consolevenster automatisch geopend met de fetch() -expressie al in de prompt geplakt, inclusief parametercommentaar en een verwijzingslink naar het oorspronkelijke verzoek.
  • Beveiligingsversterking voor lokale overschrijvingen : Het netwerkpaneel voorkomt nu padtraversal ( %2E%2E ) in lokale overschrijvingen en verbiedt het aanmaken van overschrijvingen voor niet-http(s)-schema's zoals data: , blob: , javascript: , en about: .
  • Caret-escaping in Kopiëren als curl (cmd) : Netwerkverzoeken kopiëren als curl-opdrachten voor Windows. cmd.exe ontsnapt nu aan haakjes en backticks met caret-escaping, waardoor syntaxfouten in opdrachten worden voorkomen wanneer ze in alternatieve shells worden geplakt.
  • Synchronisatie van de cursor in binaire payloads : Het tabblad Payload behoudt uw scroll- en cursorpositie bij het schakelen tussen de Hex-, Base64- en UTF-8-weergaven.
Door met de rechtermuisknop op een netwerkverzoek te klikken en 'Bewerken en opnieuw verzenden als fetch' te selecteren, wordt het consolepaneel automatisch geselecteerd, waarbij de fetch-expressie al is geplakt en klaar is om te bewerken.
Door met de rechtermuisknop op een netwerkverzoek te klikken en 'Bewerken en opnieuw verzenden als fetch' te selecteren, wordt het consolepaneel automatisch geselecteerd, waarbij de fetch-expressie al is geplakt en klaar is om te bewerken.

Chromium-problemen: 40726969 , 513843792 , 513836026 , 407750982

Geheugen: Filteren op randen van heapsnapshots, sorteren op grootte en opvragen van objecten.

Het geheugenpaneel biedt meer gedetailleerde hulpmiddelen voor het analyseren van heap-snapshots:

  • Randsortering en -filtering : U kunt nu randen in heap-snapshots filteren op basis van een minimale behouden grootte en primitieve waarden ( null , undefined , true , false ) uitfilteren om u te concentreren op betekenisvolle objectverwijzingen. Randen kunnen worden gesorteerd op behouden grootte, eigen grootte of naam.
  • Directe objectquery's : DevTools ondersteunt het rechtstreeks opvragen van heap-snapshotobjecten op basis van een drempelwaarde voor de bewaarde grootte of een eigenschapsnaam, waardoor onderzoek naar geheugenlekken wordt vereenvoudigd.
  • Contextretentieanalyse : Heap-snapshots kunnen de totale hoeveelheid geheugen berekenen en rapporteren die specifiek door V8-uitvoeringscontexten in leven wordt gehouden.
  • Robuuste snapshot-parsing : Ongeldige of beschadigde heap-snapshotbestanden geven nu duidelijke foutmeldingen weer in plaats van dat de parsing vastloopt.

Chromium-problemen: 497855658

Toegankelijkheidsverbeteringen

Chrome 153 en Chrome 154 bevatten de volgende verbeteringen op het gebied van toegankelijkheid:

  • Elementen : VoiceOver op macOS kondigt nu wijzigingen in de status "uitgeklapt" en "ingeklapt" aan via een overzichtelijke live-regio bij het navigeren door DOM-boomelementen. (Chromium-probleem: 540028208 )
  • Problemen : Dubbele schermlezermeldingen in de teller voor problemen zijn opgelost, er wordt nu één duidelijke samenvatting voorgelezen en de juiste functionaliteit voor niet-knopgerelateerde items wordt toegepast in het paneel ' Problemen' . (Chromium-probleem: 536977880 )
  • Elementen : Interactieve decoratie-elementen ( Broncode bekijken , Startstijl , Scrollen vastzetten en Onthullen ) kunnen volledig worden gefocust en geactiveerd met het toetsenbord. (Chromium-probleem: 554057179 )
  • Live-regio's : De AccessibilityAnnouncementRecordingView is toegevoegd om live-aankondigingen en ariaNotify oproepen op te nemen en te debuggen. (Chromium-probleem: 527462118 )

Chromium-problemen: 540028208 , 536977880 , 554057179 , 527462118