Gepubliceerd: 10 maart 2026
Chrome 146 biedt verbeterde ondersteuning voor overgenomen stijlbladen in het paneel Elementen, een aanzienlijk verbeterde navigatie in de consolegeschiedenis en een gestroomlijnde workflow voor het debuggen van privacygerelateerde problemen , samen met diverse andere kleine bugfixes en updates.
Updates voor de DevTools MCP-server
De DevTools MCP-server is nu beschikbaar in versie 0.19.0 en biedt krachtige nieuwe tools, efficiëntieverbeteringen en gespecialiseerde debugmogelijkheden:
- Geïntegreerde Lighthouse-audits: U kunt nu Lighthouse-audits rechtstreeks via MCP uitvoeren, waardoor geautomatiseerde prestatie- en kwaliteitscontroles binnen uw agentworkflows mogelijk zijn.
- Slanke modus: Er is nu een nieuwe
--slimmodus beschikbaar, ontworpen om toolbeschrijvingen en parameters te optimaliseren voor maximale tokenbesparing. - Nieuwe debugvaardigheden: Er zijn specifieke vaardigheden toegevoegd voor het controleren en debuggen van toegankelijkheid, evenals voor het debuggen en optimaliseren van Largest Contentful Paint (LCP).
- Uitgebreidere tools en mogelijkheden: De server ondersteunt nu opslaggeïsoleerde browsercontexten, experimentele schermopname, een nieuwe tool
take_memory_snapshoten geavanceerde interactiemogelijkheden zoalstype_text.
Bekijk het openbare wijzigingslogboek op GitHub voor een volledig overzicht van de wijzigingen.
Behoud de bewerkingsgeschiedenis van de console
Een al langer bestaand probleem in de console is opgelost. Voorheen gingen je bewerkingen verloren als je een opdracht uit de geschiedenis aan het bewerken was en vervolgens naar een andere pagina navigeerde (door op Omhoog of Omlaag te drukken).
In Chrome 146 bewaren de ontwikkelaarstools je bewerkingen terwijl je door je opdrachtgeschiedenis navigeert. Je kunt een eerdere opdracht bewerken, naar een andere opdracht zoeken en terugkeren naar je concept zonder je werk te verliezen.
Dit was een bijdrage van de community, met dank aan @hjanuschka !
Chromium-probleem: 355108929
Verbeterde ondersteuning voor overgenomen stijlbladen
Het debuggen van webcomponenten en moderne CSS-architecturen is nu veel eenvoudiger. Overgenomen stylesheets zijn niet langer verborgen; ze zijn nu gegroepeerd onder een speciaal #adopted-style-sheets knooppunt in de DOM-structuur in het paneel Elementen .
Je kunt deze stylesheets inspecteren net als standaard <style> -tags, en zelfs hun regels rechtstreeks bewerken in het deelvenster Stijlen. Dit zorgt voor gelijkwaardigheid tussen geconstrueerde stylesheets en declaratieve stijlen, waardoor het debuggen van Shadow DOM, webcomponenten en gedeelde ontwerpsystemen wordt vereenvoudigd.
Chromium-problemen: 476399197 , 40802935
Ondersteuning voor dichte rasterindeling
De rastereditor in het deelvenster Stijlen ondersteunt nu het algoritme voor dense rasterindeling. Bij het bewerken van grid-auto-flow ziet u een nieuw selectievakje voor het trefwoord dense , waarmee u snel kunt schakelen tussen de standaardmodus en de modus voor dichte rasterindeling, rechtstreeks vanuit de gebruikersinterface.
Dit was een bijdrage van de community, met dank aan @TheNourhan !
Chromium-probleem: 40791512
Gestroomlijnde privacy-debugging
Het voormalige paneel Privacy en Beveiliging is hernoemd naar Beveiliging en overzichtelijker gemaakt om de gebruikersinterface minder rommelig te maken en debugworkflows te stroomlijnen. Alle privacygerelateerde informatie, zoals problemen met cookies van derden en controles op mogelijke beveiligingslekken, wordt nu direct in de Console weergegeven.
Deze wijziging betekent dat u niet langer tussen verschillende panelen hoeft te schakelen om privacyproblemen te diagnosticeren; ze verschijnen naast uw andere logboeken en foutmeldingen, waardoor u direct context hebt.
Chromium-probleem: 473796598
Diverse hoogtepunten
- Bronnen: Een ingrijpende herziening van de stack trace-architectuur lost problemen op waarbij laat geladen bronkaarten ervoor zorgden dat de gebruikersinterface onverwacht naar een ander bestand sprong of van bestand wisselde.
- Netwerk: De pop-up voor initiators maakt nu gebruik van het verbeterde stack trace-systeem voor betrouwbaardere verzoekketens.
Toegankelijkheidsaankondigingen
Deze versie bevat de volgende verbeteringen op het gebied van toegankelijkheid:
- Recorder: Schermlezers kondigen nu aan wanneer de zijbalk 'Toon code' wordt in- of uitgeschakeld.
- Toepassing: De nieuwe rapporttitels "Gedeelde opslag", "Back/forward cache" en "Mitigatie van bounce tracking" worden nu correct als kopjes weergegeven.
- Instellingen: De ondersteuning voor de modus met hoog contrast is verbeterd voor snelkoppelingen en kleurknoppen.
- Algemeen: Verbeterde focuszichtbaarheid voor diverse UI-elementen, waaronder het CSS-overzichtspaneel en de items in de mediaspeler.