Verbeteringen in het netwerkpaneel
Deze versie brengt een aantal verbeteringen aan het Netwerkpaneel .
Netwerkfilters opnieuw ontworpen
Het Netwerkpaneel krijgt nieuwe filters, opnieuw ontworpen op basis van uw feedback. De typespecifieke filters blijven hetzelfde: een set badges in een schone balk met meerdere selecties.
Om de gebruikersinterface overzichtelijker te maken, worden selectievakjes voor verbergen, blokkeren en derden onder een vervolgkeuzelijst geplaatst. De lijst heeft een nummer dat aangeeft hoeveel filters er zijn aangevinkt onder de vervolgkeuzelijst.
Om het oude filterontwerp terug te brengen, wist u Instellingen
Experimenten > Herontwerp van de filterbalk in het Netwerkpaneel .Laat ons weten wat u van het vernieuwde ontwerp vindt .
Chroomuitgave: 362672528 .
HAR-exporten sluiten nu standaard gevoelige gegevens uit
Om de kans op het per ongeluk lekken van gevoelige informatie te verkleinen, bevat het netwerklogboek dat in HAR-indeling wordt geëxporteerd standaard niet langer de headers Cookie
, Set-Cookie
en Authorization
.
Als u logboeken in HAR-indeling met de gevoelige gegevens wilt exporteren, schakelt u
> Voorkeuren > Netwerk > Toestaan om HAR te genereren met gevoelige gegevens in . Het netwerkpaneel markeert de knop Exporteren met een pijl. Klik lang op de knop en selecteer HAR exporteren (met gevoelige gegevens) in het vervolgkeuzemenu.Chroomuitgave: 361717594 .
Verbeteringen in het paneel Elementen
Deze versie brengt een aantal verbeteringen aan het Elementenpaneel .
Waarden voor automatisch aanvullen voor de eigenschappen text-emphasis-*
Automatisch aanvullen op het tabblad Stijlen suggereert nu waarden voor de volgende CSS-eigenschappen:
Chroomuitgave: 361471205 .
Scroll-overflows gemarkeerd met een badge
Het paneel Elementen markeert nu met een nieuwe 'scroll'-badge de elementen die overlopende inhoud bevatten en overflow: scroll
of overflow: auto
, zodat u scroll-overflows gemakkelijk kunt herkennen. Net als de andere badges weerspiegelt deze badge de huidige DOM en verdwijnt als de content niet meer overloopt door bijvoorbeeld een maatverandering.
Chroomuitgave: 40670442 .
Kale declaraties nadat geneste regels niet "omhoog schuiven"
Na het besluit van de CSS Working Group om kale declaraties na geneste regels toe te staan , schuift het tabblad Stijlen deze declaraties nu niet "omhoog" tijdens het parseren.
In het volgende codevoorbeeld zorgt de kale declaratie na de geneste regel er nu niet voor dat Chrome de stijlen in de cascade onverwacht opnieuw ordent:
p {
width: 100px;
height: 100px;
@media screen {
background-color: red;
}
background-color: green;
}
Chroomuitgave: 358119261 .
Verbeteringen in het prestatiepaneel
Deze versie brengt een aantal verbeteringen aan in het Prestatiepaneel .
Aanbevelingen in live statistieken
Live-statistieken kunnen nu statistiekspecifieke aanbevelingen bieden waarmee u uw ontwikkelomgeving zo dicht mogelijk bij de ervaring van uw gebruikers kunt configureren.
Om aanbevelingen te krijgen, stelt u het ophalen van veldgegevens in vanuit Chrome UX Report (CrUX) en vouwt u de sectie Overweeg uw lokale testomstandigheden uit op elke metrische kaart (indien aanwezig) en Overweeg echte gebruikersomgevingen in de Omgevingsinstellingen .
Volg de aanbevelingen om de ervaring van uw gebruikers te benaderen.
Navigeer door broodkruimels
U kunt nu door broodkruimels navigeren in de tijdlijn van een opname van een optreden: "spring" heen en weer tussen broodkruimels, overschrijf een onderliggende broodkruimel en verwijder meerdere onderliggende broodkruimels. Als u voorheen een bovenliggende broodkruimel selecteerde, verdwenen de onderliggende broodkruimels.
Verbeteringen in het geheugenpaneel
Deze versie brengt een aantal verbeteringen aan het geheugenpaneel .
Nieuw profiel 'Vrijstaande elementen'
Het paneel Geheugen krijgt een nieuw profieltype: Vrijstaande elementen . Het toont objecten die worden vastgehouden door een JavaScript-referentie.
Chroomuitgave: 350519222 .
Verbeterde naamgeving van gewone JS-objecten
Om de Object
in heap-snapshots te ordenen en overzichtelijker te maken, zijn er nu eenvoudige JavaScript-objecten:
- Genoemd op basis van de eigenschappen die ze bevatten, bijvoorbeeld
{firstProperty, secondProperty, ..., *nthProperty}
. - Doorzoekbaar op deze namen die zijn samengesteld door DevTools.
- Samen gegroepeerd als ze dezelfde eigenschappen hebben.
Chroomuitgave: 350519222 .
Schakel dynamische thema's uit
U kunt nu het automatisch matchen van DevTools-kleuren met uw aangepaste themakleuren in Chrome uitschakelen.
Als u dynamische thema's wilt uitschakelen, wist u Instellingen
Voorkeuren > Uiterlijk > Match Chrome-kleurenschema en laadt u DevTools opnieuw.Chroomuitgave: 328472696 .
Chrome-experiment: proces delen
Wanneer u meerdere tabbladen van dezelfde website (zoals Google Docs ) opent, maakt Chrome normaal gesproken voor elk tabblad een afzonderlijk weergaveproces. Het experiment voor het delen van processen verandert dit door meerdere tabbladen hetzelfde rendererproces te laten delen om de prestaties te verbeteren.
Als u een bericht ziet met de melding "Dit tabblad deelt bronnen met andere tabbladen..." terwijl DevTools geopend is, maakt u deel uit van de kleine groep waarvoor het experiment Proces delen is ingeschakeld.
Het delen van processen kan van invloed zijn op het opsporen van fouten in breekpunten en de prestatieanalyse. Zie Chrome-experiment: proces delen voor meer informatie.
Vuurtoren 12.2.1
Het Lighthouse- paneel draait nu Lighthouse 12.2.1.
Deze update introduceert een negeerdrempel van < 20 KB
voor suggesties voor broncompressie, zodat u zich alleen kunt concentreren op de betekenisvolle besparingen op de bestandsgrootte. Bekijk de volledige lijst met wijzigingen .
Zie Lighthouse: Websitesnelheid optimaliseren voor meer informatie over de basisprincipes van het gebruik van het Lighthouse -paneel in DevTools.
Chroomuitgave: 772558 .
Diverse hoogtepunten
Dit zijn enkele opmerkelijke oplossingen en verbeteringen in deze release:
- Elementen :
- Console : probleem met een ampersand zonder escapetekens in tekenreeksen met meerdere regels in cURL-opdrachten ( 352651673 ).
- Geheugen : de standaardselectie op pagina's met servicemedewerkers opgelost, de hoofdthread is nu geselecteerd ( 40669896 ).
- Beveiliging : het gemarkeerde URL-schema wordt nu correct bijgewerkt naarmate de beveiligingsfase van een oorsprong verandert ( 359920086 ).
Download de voorbeeldkanalen
Overweeg om Chrome Canary , Dev of Beta te gebruiken als uw standaard ontwikkelingsbrowser. Met deze voorbeeldkanalen krijgt u toegang tot de nieuwste DevTools-functies, kunt u geavanceerde webplatform-API's testen en kunt u problemen op uw site opsporen voordat uw gebruikers dat doen!
Neem contact op met het Chrome DevTools-team
Gebruik de volgende opties om de nieuwe functies, updates of iets anders gerelateerd aan DevTools te bespreken.
- Stuur feedback en functieverzoeken naar ons op crbug.com .
- Rapporteer een DevTools-probleem met Meer opties > Help > Rapporteer een DevTools-probleem in DevTools.
- Tweet op @ChromeDevTools .
- Laat reacties achter op Wat is er nieuw in DevTools YouTube-video's of DevTools Tips YouTube-video's .
Wat is er nieuw in DevTools
Een lijst met alles wat aan bod is gekomen in de serie Wat is er nieuw in DevTools .
- Privacy- en beveiligingspaneel
- Prestatieverbeteringen
- Gekalibreerde CPU-throttling-presets
- Selecteer verschillende prestatie-evenementen in dezelfde AI-chat
- Markering van eerste en derde partijen in Prestaties
- Veldgegevens in tooltips en inzichten voor markers
- Geforceerd reflow-inzicht
- Inzicht in 'Optimaliseer DOM-grootte'
- Breid de prestatietracering uit met console.timeStamp
- Verbeteringen in het paneel Elementen
- Realtime waarden van geanimeerde stijlen
- Ondersteuning voor :open pseudo-klasse en diverse pseudo-elementen
- Kopieer alle consoleberichten
- Byte-eenheden in het paneel Geheugen
- Diverse hoogtepunten
- Aanhoudende AI-chatgeschiedenis
- Prestatieverbeteringen
- Inzicht in beeldlevering
- Klassieke en moderne toetsenbordnavigatie
- Negeer irrelevante scripts in het vlamdiagram
- Tijdlijnmarkering en bereikmarkering bij zweven
- Aanbevolen throttling-instellingen
- Timingsmarkeringen in een overlay
- Stapel sporen van JS-oproepen in Samenvatting
- Badge-instellingen verplaatst naar het menu in Elements
- Nieuw paneel 'Wat is er nieuw'
- Vuurtoren 12.3.0
- Diverse hoogtepunten
- Debug netwerkverzoeken, bronbestanden en prestatietraceringen met Gemini
- Bekijk de AI-chatgeschiedenis
- Beheer uitbreidingsopslag in Applicatie > Opslag
- Prestatieverbeteringen
- Interactiefasen in live statistieken
- Geef blokkeringsinformatie weer op het tabblad Samenvatting
- Ondersteuning voor planner.postTask-gebeurtenissen en hun initiatorpijlen
- Verbeteringen in het deelvenster Animaties en Elementen > Stijlen op het tabblad
- Ga van Elementen > Stijlen naar Animaties
- Realtime updates op het tabblad Berekend
- Bereken de drukemulatie in sensoren
- JS-objecten met dezelfde naam gegroepeerd op bron in het paneel Geheugen
- Een nieuw uiterlijk voor instellingen
- Het paneel Prestatie-inzichten is verouderd en verwijderd uit DevTools
- Diverse hoogtepunten
- Debug CSS met Gemini
- Beheer AI-functies op een speciaal tabblad met instellingen
- Verbeteringen in het prestatiepaneel
- Annoteer en deel prestatiebevindingen
- Krijg prestatie-inzichten rechtstreeks in het prestatiepaneel
- Herken overmatige lay-outverschuivingen gemakkelijker
- Zoek de niet-gecomponeerde animaties
- Hardware-concurrency verhuist naar sensoren
- Negeer anonieme scripts en concentreer u op uw code in stacktraces
- Elementen > Stijlen: Ondersteuning voor zijwaarts* schrijfmodi voor rasteroverlays en CSS-brede trefwoorden
- Lighthouse-audits voor niet-HTTP-pagina's in tijdspanne- en momentopnamemodi
- Verbeteringen in toegankelijkheid
- Diverse hoogtepunten
- Verbeteringen in het netwerkpaneel
- Netwerkfilters opnieuw ontworpen
- HAR-exporten sluiten nu standaard gevoelige gegevens uit
- Verbeteringen in het paneel Elementen
- Waarden voor automatisch aanvullen voor de eigenschappen text-emphasis-*
- Scroll-overflows gemarkeerd met een badge
- Verbeteringen in het prestatiepaneel
- Aanbevelingen in live statistieken
- Navigeer door broodkruimels
- Verbeteringen in het geheugenpaneel
- Nieuw profiel 'Vrijstaande elementen'
- Verbeterde naamgeving van gewone JS-objecten
- Schakel dynamische thema's uit
- Chrome-experiment: proces delen
- Vuurtoren 12.2.1
- Diverse hoogtepunten
- Recorder ondersteunt export naar Puppeteer voor Firefox
- Verbeteringen in het prestatiepaneel
- Live metrische observaties
- Zoekverzoeken in het netwerkspoor
- Bekijk stacktraces van performance.mark- en performance.measure-aanroepen
- Gebruik testadresgegevens in het paneel Automatisch aanvullen
- Verbeteringen in het paneel Elementen
- Forceer meer statussen voor specifieke elementen
- Elementen > Stijlen vult nu automatisch meer rastereigenschappen aan
- Vuurtoren 12.2.0
- Diverse hoogtepunten
- Console-inzichten van Gemini gaan live in de meeste Europese landen
- Updates van het prestatiepaneel
- Verbeterde netwerktrack
- Pas prestatiegegevens aan met de uitbreidbaarheids-API
- Details in de timingtrack
- Kopieer alle vermelde verzoeken in het netwerkpaneel
- Snellere heap-snapshots met benoemde HTML-tags en minder rommel
- Open het deelvenster Animaties om animaties vast te leggen en @keyframes live te bewerken
- Vuurtoren 12.1.0
- Verbeteringen in toegankelijkheid
- Diverse hoogtepunten
- Inspecteer de positionering van het CSS-anker in het paneel Elementen
- Verbeteringen in het bronnenpaneel
- Verbeterd 'Pauzeer hier nooit'
- Nieuwe scroll-snap-gebeurtenislisteners
- Verbeteringen in het netwerkpaneel
- Bijgewerkte voorinstellingen voor netwerkbeperking
- Informatie over servicemedewerkers in aangepaste velden van het HAR-formaat
- Verzend en ontvang WebSocket-gebeurtenissen in het deelvenster Prestaties
- Diverse hoogtepunten
- Verbeteringen in het prestatiepaneel
- Verplaats en verberg tracks met de bijgewerkte trackconfiguratiemodus
- Negeer scripts in het vlammendiagram
- Verlaag de CPU twintig keer
- Het paneel Prestatie-inzichten wordt beëindigd
- Vind overmatig geheugengebruik met nieuwe filters in heap-snapshots
- Inspecteer opslagbuckets in Toepassing > Opslag
- Schakel zelf-XSS-waarschuwingen uit met een opdrachtregelvlag
- Vuurtoren 12.0.0
- Diverse hoogtepunten
- Begrijp fouten en waarschuwingen in de console beter met Gemini
- Ondersteuning voor @position-try-regels in Elementen > Stijlen
- Verbeteringen in het bronnenpaneel
- Configureer automatisch mooie afdrukken en beugelsluiting
- Afgehandelde afgewezen beloften worden als gepakt erkend
- Foutoorzaken in de console
- Verbeteringen in het netwerkpaneel
- Inspecteer de kopteksten van Early Hints
- Verberg de kolom Waterval
- Verbeteringen in het prestatiepaneel
- Leg CSS-selectorstatistieken vast
- Verander de volgorde en verberg nummers
- Negeer de houders in het paneel Geheugen
- Vuurtoren 11.7.1
- Diverse hoogtepunten
- Nieuw paneel voor automatisch aanvullen
- Verbeterde netwerkbeperking voor WebRTC
- Ondersteuning voor scrollgestuurde animaties in het deelvenster Animaties
- Verbeterde ondersteuning voor CSS-nesten in Elementen > Stijlen
- Verbeterd prestatiepaneel
- Verberg functies en hun kinderen in de vlammengrafiek
- Pijlen van geselecteerde initiatiefnemers naar evenementen die zij hebben geïnitieerd
- Vuurtoren 11.6.0
- Tooltips voor speciale categorieën in Geheugen > Heap-snapshots
- Applicatie > Opslagupdates
- Bytes gebruikt voor gedeelde opslag
- Web SQL is volledig verouderd
- Verbeteringen in het dekkingspaneel
- Het deelvenster Lagen is mogelijk verouderd
- Beëindiging van JavaScript Profiler: fase vier, definitief
- Diverse hoogtepunten
- Zoek het paasei
- Updates van het Elementenpaneel
- Emuleer een gerichte pagina in Elementen > Stijlen
- Kleurkiezer, Hoekklok en Easing Editor in
var()
fallbacks - De CSS-lengtetool is verouderd
- Popover voor het geselecteerde zoekresultaat in Prestatie > Hoofdtrack
- Updates van het netwerkpaneel
- Knop Wissen en zoekfilter op het tabblad Netwerk > EventStream
- Tooltips met uitzonderingsredenen voor cookies van derden in Netwerk > Cookies
- Schakel alle breekpunten in Bronnen in en uit
- Bekijk geladen scripts in DevTools voor Node.js
- Vuurtoren 11.5.0
- Verbeteringen in toegankelijkheid
- Diverse hoogtepunten
- De officiële verzameling Recorder-extensies is live
- Netwerkverbeteringen
- Reden van de fout in de kolom Status
- Verbeterd submenu Kopiëren
- Prestatieverbeteringen
- Broodkruimels in de tijdlijn
- Evenementinitiatiefnemers in het hoofdspoor
- Selectiemenu voor JavaScript VM-instanties voor Node.js DevTools
- Nieuwe snelkoppeling en opdracht in Bronnen
- Elementenverbeteringen
- Het ::view-transition pseudo-element is nu bewerkbaar in Stijlen
- De align-content eigenschapsondersteuning voor blokcontainers
- Houdingsondersteuning voor geëmuleerde opvouwbare apparaten
- Dynamische thematiek
- Waarschuwingen voor het uitfaseren van cookies van derden in de Netwerk- en Applicatiepanelen
- Vuurtoren 11.4.0
- Verbeteringen in toegankelijkheid
- Diverse hoogtepunten
- Elementenverbeteringen
- Gestroomlijnde filterbalk in het netwerkpaneel
- Ondersteuning
@font-palette-values
- Ondersteund geval: aangepaste eigenschap als terugval op een andere aangepaste eigenschap
- Verbeterde ondersteuning voor bronkaarten
- Verbeteringen in het prestatiepaneel
- Verbeterde interactietrack
- Geavanceerde filtering op de tabbladen Bottom-Up, Oproepboom en Gebeurtenislogboek
- Inspringmarkeringen in het deelvenster Bronnen
- Handige tooltips voor overschreven kopteksten en inhoud in het paneel Netwerk
- Nieuwe Command Menu-opties voor het toevoegen en verwijderen van verzoekblokkeringspatronen
- Het experiment met CSP-schendingen is verwijderd
- Vuurtoren 11.3.0
- Verbeteringen in toegankelijkheid
- Diverse hoogtepunten
- Uitfasering van cookies van derden
- Analyseer de cookies van uw website met de Privacy Sandbox Analysis Tool
- Verbeterde negeerlijst
- Standaarduitsluitingspatroon voor node_modules
- Gevangen uitzonderingen stoppen nu met de uitvoering als ze worden betrapt of door niet-genegeerde code gaan
-
x_google_ignoreList
hernoemd naarignoreList
in bronkaarten - Nieuwe invoermodusschakelaar tijdens foutopsporing op afstand
- Het paneel Elementen toont nu URL's voor #document-knooppunten
- Effectief inhoudbeveiligingsbeleid in het toepassingspaneel
- Verbeterde foutopsporing in animaties
- 'Vertrouw je deze code?' dialoogvenster in Bronnen en zelf-XSS-waarschuwing in Console
- Breekpunten voor gebeurtenislisteners in webwerkers en worklets
- De nieuwe mediabadge voor
<audio>
en<video>
- Voorladen hernoemd naar Speculatief laden
- Vuurtoren 11.2.0
- Verbeteringen in toegankelijkheid
- Diverse hoogtepunten
- Verbeterde sectie @property in Elementen > Stijlen
- Bewerkbare @property-regel
- Er worden problemen met ongeldige @property-regels gerapporteerd
- Bijgewerkte lijst met apparaten om te emuleren
- Mooie print inline JSON in scripttags in bronnen
- Privévelden automatisch aanvullen in Console
- Vuurtoren 11.1.0
- Verbeteringen in toegankelijkheid
- Beëindiging van Web SQL
- Validatie van de beeldverhouding van screenshot in Toepassing > Manifest
- Diverse hoogtepunten
- Nieuwe sectie voor aangepaste eigenschappen in Elementen > Stijlen
- Meer lokale overschrijvingsverbeteringen
- Verbeterd zoeken
- Verbeterd bronnenpaneel
- Gestroomlijnde werkruimte in het deelvenster Bronnen
- Deelvensters in Bronnen opnieuw rangschikken
- Syntaxisaccentuering en mooie afdrukken voor meer scripttypen
- Emuleer mediafunctie met voorkeur voor verminderde transparantie
- Vuurtoren 11
- Verbeteringen in toegankelijkheid
- Diverse hoogtepunten
- Verbeteringen in het netwerkpaneel
- Overschrijf webinhoud lokaal nog sneller
- Overschrijf de inhoud van XHR en haal verzoeken op
- Chrome-extensieverzoeken verbergen
- Voor mensen leesbare HTTP-statuscodes
Prestaties: bekijk de wijzigingen in de ophaalprioriteit voor netwerkgebeurtenissen
- Broninstellingen standaard ingeschakeld: code opvouwen en automatische bestandsonthulling
- Verbeterde foutopsporing van problemen met cookies van derden
- Nieuwe kleuren
- Vuurtoren 10.4.0
- Foutopsporing vooraf laden in het toepassingspaneel
- De C/C++ WebAssembly-foutopsporingsextensie voor DevTools is nu open source
- Diverse hoogtepunten
- (Experimenteel) Nieuwe weergave-emulatie: geeft de voorkeur aan verminderde transparantie
- (Experimentele) Verbeterde Protocolmonitor
- Verbeterde foutopsporing van ontbrekende stylesheets
- Ondersteuning voor lineaire timing in Elementen > Stijlen > Easing Editor
- Ondersteuning voor opslagbuckets en weergave van metagegevens
- Vuurtoren 10.3.0
- Toegankelijkheid: toetsenbordopdrachten en verbeterde schermlezing
- Diverse hoogtepunten
- Elementenverbeteringen
- Nieuwe CSS-subrasterbadge
- Selectorspecificiteit in tooltips
- Waarden van aangepaste CSS-eigenschappen in tooltips
- Verbeteringen in de bronnen
- CSS-syntaxisaccentuering
- Snelkoppeling om voorwaardelijke breekpunten in te stellen
- Toepassing > Maatregelen bij het bijhouden van bounces
- Vuurtoren 10.2.0
- Negeer standaard inhoudsscripts
- Netwerk > Reactieverbeteringen
- Diverse hoogtepunten
- Ondersteuning voor foutopsporing door WebAssembly
- Verbeterd stapgedrag in Wasm-apps
- Debug automatisch aanvullen met behulp van het paneel Elementen en het tabblad Problemen
- Beweringen in Recorder
- Vuurtoren 10.1.1
- Prestatieverbeteringen
- performance.mark() toont de timing bij het zweven in Prestaties > Timings
- profile() commando vult Prestaties > Hoofd in
- Waarschuwing voor langzame gebruikersinteracties
- Web Vitals-updates
- Beëindiging van JavaScript Profiler: fase drie
- Diverse hoogtepunten
- Netwerkreactieheaders overschrijven
- Verbeteringen in foutopsporing in Nuxt, Vite en Rollup
- CSS-verbeteringen in Elementen > Stijlen
- Ongeldige CSS-eigenschappen en -waarden
- Koppelingen naar sleutelframes in de animatie-steno-eigenschap
- Nieuwe console-instelling: automatisch aanvullen bij Enter
- Command Menu benadrukt geschreven bestanden
- Beëindiging van JavaScript Profiler: fase twee
- Diverse hoogtepunten
- Recorder-updates
- Recorder herhalingsextensies
- Neem op met pierce-selectors
- Exporteer opnamen als poppenspelerscripts met Lighthouse-analyse
- Verkrijg extensies voor Recorder
- Elementen > Stijlupdates
- CSS-documentatie in het deelvenster Stijlen
- Ondersteuning voor CSS-nesten
- Markering van logpunten en voorwaardelijke breekpunten in de console
- Negeer irrelevante scripts tijdens het debuggen
- Beëindiging van JavaScript Profiler is gestart
- Emuleer verminderd contrast
- Vuurtoren 10
- Diverse hoogtepunten
- Fouten opsporen in HD-kleuren met het deelvenster Stijlen
- Verbeterde breekpunt-UX
- Aanpasbare Recorder-snelkoppelingen
- Betere syntaxisaccentuering voor Angular
- Reorganiseer caches in het toepassingspaneel
- Diverse hoogtepunten
- Prestatiepaneel wissen bij herladen
- Recorder-updates
- Bekijk en markeer de code van uw gebruikersstroom in de Recorder
- Pas de selectortypen van een opname aan
- Bewerk de gebruikersstroom tijdens het opnemen
- Automatische mooie print ter plaatse
- Betere syntaxisaccentuering en inline preview voor Vue, SCSS en meer
- Ergonomisch en consistent automatisch aanvullen in de console
- Diverse hoogtepunten
- Recorder: Kopiëren als opties voor stappen, herhaling op de pagina, contextmenu van de stap
- Toon daadwerkelijke functienamen in de opnames van de uitvoering
- Nieuwe sneltoetsen in het paneel Console en bronnen
- Verbeterde JavaScript-foutopsporing
- Diverse hoogtepunten
- [Experimenteel] Verbeterde UX bij het beheren van breekpunten
- [Experimenteel] Automatische mooie print ter plaatse
- Tips voor inactieve CSS-eigenschappen
- Automatische detectie van XPath- en tekstkiezers in het Recorder-paneel
- Door komma's gescheiden uitdrukkingen doorlopen
- Verbeterde instelling voor de negeerlijst
- Diverse hoogtepunten
- Pas sneltoetsen aan in DevTools
- Schakel tussen lichte en donkere thema's met een sneltoets
- Markeer C/C++-objecten in de Memory Inspector
- Ondersteuning van volledige initiatorinformatie voor HAR-import
- Start DOM-zoekopdracht nadat u op
Enter
hebt gedrukt - Geef
start
enend
weer voor CSS-flexbox-eigenschappen vooralign-content
- Diverse hoogtepunten
- Groepeer bestanden op Auteur/Geïmplementeerd in het Bronnenpaneel
- Gekoppelde stacktraces voor asynchrone bewerkingen
- Negeer automatisch bekende scripts van derden
- Verbeterde call-stack tijdens foutopsporing
- Bronnen op de negeerlijst verbergen in het paneel Bronnen
- Bestanden op de negeerlijst verbergen in het Commandomenu
- Nieuwe interactietrack in het prestatiepaneel
- Uitsplitsing van LCP-timing in het paneel Prestatie-inzichten
- Genereer automatisch een standaardnaam voor opnamen in het Recorder-paneel
- Diverse hoogtepunten
- Stapsgewijze herhaling in de Recorder
- Ondersteuning van muisbeweging over gebeurtenis in het Recorder-paneel
- Grootste Contentful Paint (LCP) in het paneel Prestatie-inzichten
- Identificeer tekstflitsen (FOIT, FOUT) als mogelijke hoofdoorzaken voor lay-outverschuivingen
- Protocolhandlers in het paneel Manifest
- Badge voor de bovenste laag in het deelvenster Elementen
- Voeg Wasm-foutopsporingsinformatie toe tijdens runtime
- Ondersteuning van live bewerken tijdens foutopsporing
- Bekijk en bewerk @scope bij regels in het deelvenster Stijlen
- Verbeteringen in de bronkaart
- Diverse hoogtepunten
- Start het frame opnieuw tijdens het debuggen
- Opties voor langzaam afspelen in het Recorder-paneel
- Bouw een uitbreiding voor het Recorderpaneel
- Groepeer bestanden op Auteur/Geïmplementeerd in het Bronnenpaneel
- Nieuwe track Gebruikerstimings in het paneel Prestatie-inzichten
- Onthul toegewezen slot van een element
- Simuleer hardware-concurrency voor prestatie-opnames
- Bekijk een voorbeeld van niet-kleurwaarde bij het automatisch aanvullen van CSS-variabelen
- Identificeer blokkerende frames in het deelvenster Terug/vooruit-cache
- Verbeterde suggesties voor automatisch aanvullen voor JavaScript-objecten
- Verbeteringen in bronkaarten
- Diverse hoogtepunten
- Leg dubbelklik- en rechtermuisknopgebeurtenissen vast in het Recorder-paneel
- Nieuwe tijdspanne en momentopnamemodus in het Lighthouse-paneel
- Verbeterde zoombediening in het deelvenster Prestatie-inzichten
- Bevestig dat u een uitvoeringsopname wilt verwijderen
- Herschik de deelvensters in het deelvenster Elementen
- Een kleur kiezen buiten de browser
- Verbeterd voorbeeld van inline-waarden tijdens foutopsporing
- Ondersteuning van grote blobs voor virtuele authenticators
- Nieuwe sneltoetsen in het paneel Bronnen
- Verbeteringen in bronkaarten
- Preview-functie: Nieuw paneel Prestatie-inzichten
- Nieuwe snelkoppelingen om lichte en donkere thema's te emuleren
- Verbeterde beveiliging op het tabblad Netwerkvoorbeeld
- Verbeterd herladen op breekpunt
- Console-updates
- Annuleer de opname van de gebruikersstroom aan het begin
- Geef overgenomen pseudo-markeringselementen weer in het deelvenster Stijlen
- Diverse hoogtepunten
- [Experimenteel] Kopieer CSS-wijzigingen
- [Experimenteel] Kleur kiezen buiten de browser
- Importeer en exporteer opgenomen gebruikersstromen als JSON-bestand
- Bekijk cascadelagen in het deelvenster Stijlen
- Ondersteuning voor de
hwb()
-kleurfunctie - Verbeterde weergave van privé-eigendommen
- Diverse hoogtepunten
- [Experimenteel] Nieuwe tijdspanne- en momentopnamemodus in het Lighthouse-paneel
- Bekijk en bewerk @supports bij regels in het deelvenster Stijlen
- Ondersteun standaard algemene selectors
- Pas de selector van de opname aan
- Hernoem een opname
- Bekijk een voorbeeld van klasse-/functie-eigenschappen bij het aanwijzen van de muis
- Gedeeltelijk gepresenteerde frames in het paneel Prestaties
- Diverse hoogtepunten
- WebSocket-aanvragen beperken
- Nieuw deelvenster Rapportage-API in het paneel Toepassingen
- Ondersteuning wacht totdat het element zichtbaar/klikbaar is in het Recorder-paneel
- Betere console-stijl, opmaak en filtering
- Debug de Chrome-extensie met bronkaartbestanden
- Verbeterde bronmappenstructuur in het Bronnenpaneel
- Geef de bronbestanden van werknemers weer in het deelvenster Bronnen
- Chrome's Auto Dark Theme-updates
- Aanraakvriendelijke kleurkiezer en gesplitst venster
- Diverse hoogtepunten
- Preview-functie: toegankelijkheidsstructuur van volledige pagina
- Preciezere wijzigingen op het tabblad Wijzigingen
- Stel een langere time-out in voor het opnemen van gebruikersstromen
- Zorg ervoor dat uw pagina's cachebaar zijn met het tabblad Terug/vooruit cache
- Nieuw filter in het deelvenster Eigenschappen
- Emuleer de CSS-mediafunctie voor geforceerde kleuren
- Toon linialen bij hover-commando
- Ondersteuning
row-reverse
encolumn-reverse
in de Flexbox-editor - Nieuwe sneltoetsen om XHR opnieuw af te spelen en alle zoekresultaten uit te vouwen
- Vuurtoren 9 in het Vuurtorenpaneel
- Verbeterd bronnenpaneel
- Diverse hoogtepunten
- [Experimenteel] Eindpunten in het deelvenster Reporting API
- Preview-functie: Nieuw Recorder-paneel
- Vernieuw de apparaatlijst in Apparaatmodus
- Automatisch aanvullen met Bewerken als HTML
- Verbeterde ervaring met het opsporen van fouten in code
- Synchroniseren van DevTools-instellingen op verschillende apparaten
- Preview-functie: Nieuw CSS-overzichtpaneel
- Herstelde en verbeterde ervaring met bewerken en kopiëren van CSS-lengte
- Emuleer de CSS-voorkeur-contrast-mediafunctie
- Emuleer de Auto Dark Theme-functie van Chrome
- Kopieer declaraties als JavaScript in het deelvenster Stijlen
- Nieuw tabblad Payload in het netwerkpaneel
- Verbeterde weergave van eigenschappen in het deelvenster Eigenschappen
- Optie om CORS-fouten in de console te verbergen
- Juiste preview en evaluatie
Intl
-objecten in de console - Consistente asynchrone stacktraces
- Bewaar de consolezijbalk
- Verouderd applicatiecachevenster in het applicatiepaneel
- [Experimenteel] Nieuw deelvenster Rapportage-API in het toepassingspaneel
- Nieuwe auteurstools voor CSS-lengte
- Verberg problemen op het tabblad Problemen
- Verbeterde weergave van eigenschappen
- Vuurtoren 8.4 in het Vuurtorenpaneel
- Sorteer fragmenten in het deelvenster Bronnen
- Nieuwe links naar vertaalde releaseopmerkingen en een vertaalfout melden
- Verbeterde gebruikersinterface voor het DevTools-opdrachtmenu
- Gebruik DevTools in de taal van uw voorkeur
- Nieuwe Nest Hub-apparaten in de apparatenlijst
- Origin-proefversies in de weergave Framedetails
- Nieuwe badge voor CSS-containerquery's
- Nieuw selectievakje om de netwerkfilters om te keren
- Aankomende beëindiging van de Console-zijbalk
- Geef onbewerkte
Set-Cookies
headers weer op het tabblad Problemen en het paneel Netwerk - Consistente weergave van native accessors als eigen eigenschappen in de console
- Juiste foutstapeltraceringen voor inline scripts met #sourceURL
- Wijzig de kleurindeling in het deelvenster Berekend
- Vervang aangepaste tooltips door native HTML-tooltips
- [Experimenteel] Verberg problemen op het tabblad Problemen
- Bewerkbare CSS-containerquery's in het deelvenster Stijlen
- Voorbeeld van een webbundel in het netwerkpaneel
- Foutopsporing in de attributierapportage-API
- Betere stringverwerking in de console
- Verbeterde CORS-foutopsporing
- Vuurtoren 8.1
- Nieuwe notitie-URL in het manifestvenster
- Vaste CSS-matchende selectors
- Mooi afdrukkende JSON-antwoorden in het netwerkpaneel
- CSS-rastereditor
- Ondersteuning voor
const
herdeclaraties in de console - Bronbestellingviewer
- Nieuwe snelkoppeling om framedetails te bekijken
- Verbeterde ondersteuning voor CORS-foutopsporing
- Hernoem het XHR-label naar Fetch/XHR
- Filter het Wasm-brontype in het paneel Netwerk
- User-Agent Client-tips voor apparaten op het tabblad Netwerkvoorwaarden
- Rapporteer problemen met de Quirks-modus op het tabblad Problemen
- Neem rekenkruisingen op in het paneel Prestaties
- Vuurtoren 7.5 in het Vuurtorenpaneel
- Verouderd contextmenu "Frame opnieuw opstarten" in de call-stack
- [Experimenteel] Protocolmonitor
- [Experimenteel] Poppenspelerrecorder
- Web Vitals-informatie verschijnt
- Nieuwe geheugeninspecteur
- Visualiseer CSS-scroll-snap
- Nieuw paneel met badge-instellingen
- Verbeterd beeldvoorbeeld met informatie over de beeldverhouding
- Knop Nieuwe netwerkvoorwaarden met opties om
Content-Encoding
-programma's te configureren - snelkoppeling om de berekende waarde te bekijken
-
accent-color
trefwoord - Categoriseer probleemtypen met kleuren en pictogrammen
- Vertrouwenstokens verwijderen
- Geblokkeerde functies in de weergave Framedetails
- Filter experimenten in de instelling Experimenten
- Nieuwe kolom
Vary Header
in het cacheopslagvenster - Ondersteuning van JavaScript-privémerkcontrole
- Verbeterde ondersteuning voor het opsporen van fouten in breekpunten
- Ondersteuning van hover-preview met
[]
-notatie - Verbeterd overzicht van HTML-bestanden
- Juiste foutstack-traceringen voor Wasm-foutopsporing
- Nieuwe CSS-flexbox-foutopsporingstools
- Nieuwe Core Web Vitals-overlay
- Aantal problemen verplaatst naar de consolestatusbalk
- Rapporteer problemen met vertrouwde webactiviteiten
- Formatteer tekenreeksen als (geldige) letterlijke JavaScript-tekenreeksen in de console
- Nieuw deelvenster Vertrouwenstokens in het toepassingspaneel
- Emuleer de CSS-kleurengamma-mediafunctie
- Verbeterde Progressive Web Apps-tools
- Nieuwe kolom
Remote Address Space
in het netwerkpaneel - Prestatieverbeteringen
- Geef toegestane/niet-toegestane functies weer in de weergave Framedetails
- Nieuwe
SameParty
kolom in het Cookies-paneel - Verouderde niet-standaard
fn.displayName
-ondersteuning - Beëindiging van
Don't show Chrome Data Saver warning
in het menu Instellingen - [Experimenteel] Automatische probleemrapportage met laag contrast op het tabblad Problemen
- [Experimenteel] Boomstructuurweergave met volledige toegankelijkheid in het paneel Elementen
- Ondersteuning voor foutopsporing voor schendingen van vertrouwde typen
- Leg een knooppuntscreenshot buiten de viewport vast
- Nieuw tabblad Trust Tokens voor netwerkverzoeken
- Vuurtoren 7 in het Vuurtorenpaneel
- Ondersteuning voor het forceren van de CSS
:target
status - Nieuwe snelkoppeling om element te dupliceren
- Kleurkiezers voor aangepaste CSS-eigenschappen
- Nieuwe snelkoppelingen om CSS-eigenschappen te kopiëren
- Nieuwe optie om URL-gedecodeerde cookies weer te geven
- Wis alleen zichtbare cookies
- Nieuwe optie om cookies van derden te wissen in het opslagvenster
- Bewerk User-Agent Client-tips voor aangepaste apparaten
- Houd de instelling "Netwerklogboek opnemen" aan
- Bekijk WebTransport-verbindingen in het netwerkpaneel
- De naam 'Online' is gewijzigd in 'Geen beperking'
- Nieuwe kopieeropties in de Console, het Bronnenpaneel en het Stijlenpaneel
- Nieuwe informatie over servicemedewerkers in de weergave Framedetails
- Meet geheugeninformatie in de weergave Framedetails
- Geef feedback via het tabblad Problemen
- Frames verwijderd in het deelvenster Prestaties
- Emuleer opvouwbaar scherm en dubbel scherm in apparaatmodus
- [Experimenteel] Automatiseer browsertests met Puppeteer Recorder
- [Experimenteel] Lettertype-editor in het deelvenster Stijlen
- [Experimenteel] CSS-flexbox-foutopsporingstools
- [Experimenteel] Nieuw tabblad CSP-overtredingen
- [Experimenteel] Nieuwe kleurcontrastberekening - Advanced Perceptual Contrast Algorithm (APCA)
- Sneller opstarten van DevTools
- Nieuwe tools voor CSS-hoekvisualisatie
- Emuleer niet-ondersteunde afbeeldingstypen
- Simuleer de grootte van de opslagquota in het deelvenster Opslag
- Nieuwe Web Vitals-baan in het prestatiepaneel
- Rapporteer CORS-fouten in het netwerkpaneel
- Informatie over cross-originele isolatie in de weergave Framedetails
- Nieuwe Web Workers-informatie in de weergave Framedetails
- Geef details van het openerframe weer voor geopende ramen
- Open het Netwerkpaneel vanuit het paneel Servicewerkers
- Eigenschapswaarde kopiëren
- Kopieer stacktrace voor netwerkinitiator
- Bekijk een voorbeeld van de waarde van de Wasm-variabele bij mouseover
- Evalueer de Wasm-variabele in de console
- Consistente maateenheden voor bestands-/geheugengroottes
- Markeer pseudo-elementen in het paneel Elementen
- [Experimenteel] CSS Flexbox-foutopsporingstools
- [Experimenteel] Sneltoetsen voor akkoorden aanpassen
- Nieuwe foutopsporingstools voor CSS-rasters
- Nieuw WebAuthn-tabblad
- Verplaats gereedschappen tussen het boven- en onderpaneel
- Nieuw berekend zijbalkvenster in het venster Stijlen
- CSS-eigenschappen groeperen in het deelvenster Berekend
- Vuurtoren 6.3 in het Vuurtorenpaneel
-
performance.mark()
gebeurtenissen in de sectie Timings - Nieuwe
resource-type
enurl
-filters in het netwerkpaneel - Framedetails bekijken updates
- Beëindiging van
Settings
in het menu Meer tools - [Experimenteel] Bekijk en los kleurcontrastproblemen op in het CSS-overzichtspaneel
- [Experimenteel] Pas sneltoetsen aan in DevTools
- Nieuw mediapaneel
- Maak knooppuntscreenshots met het contextmenu van het deelvenster Elementen
- Updates van het tabblad Problemen
- Emuleer ontbrekende lokale lettertypen
- Emuleer inactieve gebruikers
- Emuleer
prefers-reduced-data
- Ondersteuning voor nieuwe JavaScript-functies
- Vuurtoren 6.2 in het Vuurtorenpaneel
- Beëindiging van de vermelding 'andere oorsprong' in het deelvenster Servicewerkers
- Toon dekkingsoverzicht voor gefilterde artikelen
- Nieuwe framedetailsweergave in het toepassingspaneel
- Toegankelijke kleursuggestie in het deelvenster Stijlen
- Herstel het deelvenster Eigenschappen in het deelvenster Elementen
- Voor mensen leesbare
X-Client-Data
headerwaarden in het netwerkpaneel - Aangepaste lettertypen automatisch aanvullen in het deelvenster Stijlen
- Geef het brontype consistent weer in het netwerkpaneel
- Duidelijke knoppen in de panelen Elementen en Netwerk
- Stijlbewerking voor CSS-in-JS-frameworks
- Vuurtoren 6 in het Vuurtorenpaneel
- Eerste beëindiging van Meaningful Paint (FMP).
- Ondersteuning voor nieuwe JavaScript-functies
- Nieuwe app-snelkoppelingswaarschuwingen in het manifestvenster
- Servicemedewerker
respondWith
gebeurtenissen op het tabblad Timing - Consistente weergave van het berekende deelvenster
- Bytecode-offsets voor WebAssembly-bestanden
- Lijnsgewijs kopiëren en knippen in het Bronnenpaneel
- Console-instellingen worden bijgewerkt
- Updates van het prestatiepaneel
- Nieuwe pictogrammen voor breekpunten, voorwaardelijke breekpunten en logpunten
- Los siteproblemen op met het nieuwe tabblad Problemen
- Bekijk toegankelijkheidsinformatie in de tooltip Inspecteermodus
- Updates van het prestatiepaneel
- Nauwkeurigere belofteterminologie in de console
- Stijlenpaneel updates
- Afschrijving van het deelvenster Eigenschappen in het elementenpaneel
- App -snelkoppelingen ondersteuning in het manifeste deelvenster
- Emulatie van de tekortkomingen van het gezichtsvermogen
- Locums emuleren
- Cross-Origin Embedder Policy (COEP) Debugging
- Nieuwe pictogrammen voor breekpunten, voorwaardelijke breekpunten en logpoints
- Bekijk netwerkverzoeken die een specifieke cookie instellen
- Dock naar links van het opdrachtmenu
- De optie Instellingen in het hoofdmenu is verplaatst
- Het auditspaneel is nu het vuurtorenpaneel
- Verwijder alle lokale overschrijvingen in een map
- Bijgewerkte lange taken UI
- Maskeerbare pictogramondersteuning in het manifeste paneel
- Moto G4 -ondersteuning in de apparaatmodus
- Cookie-gerelateerde updates
- Nauwkeuriger web -app -pictogrammen
- Beweeg over CSS
content
om niet -gesnapte waarden te zien - Bronkaartfouten in de console
- Instelling voor het uitschakelen van scrollen voorbij het einde van een bestand
- Ondersteuning voor
let
andclass
Redeclarations in the Console - Verbeterde Webassembly Debugging
- Vraag initiatorketens aan op het tabblad Initiator
- Markeer het geselecteerde netwerkverzoek in het overzicht
- URL- en padkolommen in het netwerkpaneel
- Bijgewerkte tekenreeksen van gebruikersagent
- Nieuwe audits Paneelconfiguratie UI
- Per-functie of codedekkingsmodi per blok
- Codedekking moet nu worden gestart door een pagina opnieuw laden
- Debug waarom een koekje is geblokkeerd
- Bekijk cookie -waarden
- Simuleer verschillende voorkeurs-color-Scheme en de voorkeurs-gereduceerde motie-voorkeuren
- Updates van de codedekking
- Debug waarom een netwerkbron is gevraagd
- Console- en bronnen Panelen respecteren opnieuw inspringende voorkeuren
- Nieuwe snelkoppelingen voor cursornavigatie
- Multi-client ondersteuning in het auditspaneel
- Betalingshandler foutopsporing
- Vuurtoren 5.2 in het auditspaneel
- Grootste contentful verf in het uitvoeringspaneel
- Bestand devtools problemen uit het hoofdmenu
- Kopieer elementstijlen
- Visualiseer lay -outverschuivingen
- Vuurtoren 5.1 in het auditspaneel
- OS -thema -synchronisatie
- Keyboard -snelkoppeling voor het openen van de breakpoint -editor
- Prefetch cache in het netwerkpaneel
- Privé -eigenschappen bij het bekijken van objecten
- Meldingen en push -berichten in het applicatiepaneel
- Autocomplete met CSS -waarden
- Een nieuwe gebruikersinterface voor netwerkinstellingen
- Websocket -berichten in HAR -export
- HAR Import- en exportknoppen
- Real-time geheugengebruik
- Registratiepoorten van dienstverleners
- Inspecteer achtergrondafhalen en achtergrondsynchronisatie -gebeurtenissen
- Poppenspeler voor Firefox
- Zinvolle presets bij het automatisch invullen van CSS -functies
- Wisselgegevens wissen van het opdrachtmenu
- Bekijk alle IndexedDB -databases
- Bekijk de niet -gecomprimeerde grootte van een bron bij Hover
- Inline breekpunten in het deelvenster Breekpunten
- IndexedDB en cache -resource tellingen
- Instelling voor het uitschakelen van de gedetailleerde inspectietool
- Instelling voor het schakelen van tab -inspringing in de editor
- Markeer alle knooppunten die worden getroffen door CSS -eigenschap
- Vuurtoren v4 in het auditspaneel
- Websocket Binary Message Viewer
- Capture Area Screenshot in het opdrachtmenu
- Servicewerker filters in het netwerkpaneel
- Updates van het prestatiepaneel
- Lange taken in opnames van het prestatiepaneel
- Verf in het timinggedeelte
- Bonustip: snelkoppeling voor het bekijken van RGB- en HSL -kleurcodes (video)
- Logpoints
- Gedetailleerde tooltips in de inspectiemodus
- Exporteer codedekkinggegevens
- Navigeer door de console met een toetsenbord
- AAA Contrast Ratio -lijn in de kleurenkiezer
- Bewaar op maat gemaakte geolocatie -overschrijvingen
- Code vouwen
- Tabblad Frames hernoemd naar het tabblad Berichten
- Bonustip: Netwerkpaneelfiltering op eigenschap (video)
- Visualiseer prestatiestatistieken in het prestatiepaneel
- Markeer tekstknooppunten in de DOM -boom
- Kopieer het JS -pad naar een DOM -knooppunt
- Audits paneelupdates , inclusief een nieuwe audit die JS -bibliotheken en nieuwe zoekwoorden detecteert voor toegang tot het auditspaneel vanuit het opdrachtmenu
- Bonustip: gebruik de apparaatmodus om mediaquery's (video) te inspecteren
- Beweeg over een live expressieresultaat om een DOM -knooppunt te benadrukken
- Bewaar DOM -knooppunten als globale variabelen
- Initiator en prioriteitsinformatie nu in HAR -import en exporteren
- Keer toegang tot het opdrachtmenu in het hoofdmenu
- Picture-in-Picture breekpunten
- Bonustip: gebruik
monitorEvents()
om de gevoelende gebeurtenissen van een knooppunt in de console te loggen (video) - Live uitdrukkingen in de console
- Markeer DOM -knooppunten tijdens enthousiaste evaluatie
- Prestatiepaneel optimalisaties
- Betrouwbaardere foutopsporing
- Schakel het netwerk -throttling in vanaf het opdrachtmenu
- Auto -complete voorwaardelijke breekpunten
- Breek op audiocontext -evenementen
- Debug node.js apps met NDB
- Bonustip: meet de interacties van de echte wereld met de gebruiker Timing API
- Enthousiaste evaluatie
- Argument duidt op
- Functie Autocompletie
- ES2017 trefwoorden
- Lighthouse 3.0 in het auditspaneel
- Bigint -ondersteuning
- Eigenschapspaden toevoegen aan het Watch -paneel
- "Toon tijdstempels" verplaatst naar instellingen
- Bonustip: minder bekende consolemethoden (video)
- Zoek over alle netwerkkoppen
- CSS -variabele waarde Voorbeelden
- Kopieer als ophaal
- Nieuwe audits, bureaubladconfiguratie -opties en weergavetraces
- Stop oneindige lussen
- Gebruikerstiming op de tabbladen voor prestaties
- JavaScript VM -instanties die duidelijk in het geheugenpaneel worden vermeld
- Netwerktabblad hernoemd naar het tabblad Pagina
- Dark thema updates
- Certificaat transparantie -informatie in het beveiligingspaneel
- Site isolatiefuncties in het prestatiepaneel
- Bonustip: lagenpaneel + animaties Inspecteur (video)
- Blackboxing in het netwerkpaneel
- Auto-adjust inzoomen in de apparaatmodus
- Pretty-printing in de tabbladen van preview en reacties
- HTML -inhoud bekijken op het tabblad Preview
- Lokale overschrijvingen Ondersteuning voor stijlen in HTML
- Bonustip: Blackbox Framework Scripts om evenementenluisteraar te breekpunten nuttiger maken
- Lokale overschrijvingen
- Nieuwe toegankelijkheidstools
- Het tabblad Wijzigingen
- Nieuwe SEO- en prestatie -audits
- Meerdere opnames in het prestatiepaneel
- Betrouwbare code die stappen met werknemers in asynccode
- Bonustip: automatiseer devtools -acties met poppenspeler (video)
- Prestatiemonitor
- Console zijbalk
- Groepeert vergelijkbare consoleberichten
- Bonustip: schakel Hover pseudo-klasse (video)
- Multi-client externe debugging-ondersteuning
- Workspaces 2.0
- 4 nieuwe audits
- Simuleer pushmeldingen met aangepaste gegevens
- Trigger Achtergrond Synchronisatie -gebeurtenissen met aangepaste tags
- Bonustip: Event Listener Breakpoints (video)
- Op het hoogste niveau wachten in de console
- Nieuwe screenshot workflows
- CSS Grid Markeering
- Een nieuwe console -API voor het opvragen van objecten
- Nieuwe consolefilters
- HAR -import in het netwerkpaneel
- Voorbeeldbare cachebronnen
- Meer voorspelbare cache debuggen
- Block-niveau codedekking
- Simulatie van mobiele apparaten
- Bekijk opslaggebruik
- Bekijk wanneer een dienstverlener antwoorden in de cache
- Schakel de FPS -meter in vanuit het opdrachtmenu
- Stel het gedrag van muiswiel in om te zoomen of te scrollen
- Debugging -ondersteuning voor ES6 -modules
- Nieuw auditspaneel
- 3e partijen badges
- Een nieuw gebaar om hier door te gaan
- Stap in async
- Meer informatief objectvoorbeelden in de console
- Meer informatieve contextselectie in de console
- Realtime updates op het tabblad Dekking
- Eenvoudiger netwerk -throttling -opties
- Async stapelt standaard verder
- CSS- en JS -codedekking
- Screenshots op volledige pagina's
- Blokverzoeken
- Stap over async wacht
- Unified Command Menu
Chroom 134
Chroom 133
Chroom 132
Chroom 131
Chroom 130
Chroom 129
Chroom 128
Chroom 127
Chroom 126
Chroom 125
Chroom 124
Chroom 123
Chroom 122
Chroom 121
Chroom 120
Chroom 119
Chroom 118
Chroom 117
Chroom 116
Chroom 115
Chroom 114
Chroom 113
Chroom 112
Chroom 111
Chroom 110
Chroom 109
Chroom 108
Chroom 107
Chroom 106
Chroom 105
Chroom 104
Chroom 103
Chroom 102
Chroom 101
Chroom 100
Chroom 99
Chroom 98
Chroom 97
Chroom 96
Chroom 95
Chroom 94
Chroom 93
Chroom 92
Chroom 91
Chroom 90
Chroom 89
Chroom 88
Chroom 87
Chroom 86
Chroom 85
Chroom 84
Chrome 83
Chrome 82
Chrome 81
Chrome 80
Chrome 79
Chrome 78
Chrome 77
Chrome 76
Chrome 75
Chrome 74
Chrome 73
Chrome 72
Chrome 71
Chrome 70
Chrome 68
Chrome 67
Chrome 66
Chrome 65
Chrome 64
Chrome 63
Chrome 62
Chrome 61
Chrome 60
Chrome 59
Verbeteringen van het netwerkpaneel
Deze versie brengt een aantal verbeteringen in het netwerkpaneel .
Netwerkfilters opnieuw bedacht
Het netwerkpaneel krijgt nieuwe filters, opnieuw bedacht op basis van uw feedback. De typespecifieke filters blijven hetzelfde-een set badges in een schone multi-select balk.
Om de selectievakjes van de gebruikersinterface-, verberg-, blok- en derden-gerelateerde selectievakjes te ontruimen onder een vervolgkeuzelijst. De lijst heeft een nummer dat u vertelt hoeveel filters onder de vervolgkeuzelijst worden gecontroleerd.
Om het oude filterontwerp terug te brengen, wist u
Instellingen > Experimenten > herontwerp van de filterbalk in het netwerkpaneel .Laat ons weten wat u vindt van het opnieuw bedacht ontwerp.
Chromium -probleem: 362672528 .
HAR -exports sluiten nu standaard gevoelige gegevens uit
Om de kansen op accidentele lekken van gevoelige informatie te verminderen, zal het netwerklogboek geëxporteerd in HAR-formaat niet langer Cookie
, Set-Cookie
en Authorization
bevatten.
Om logboeken in HAR -formaat te exporteren met de gevoelige gegevens, schakelt u
in instellingen > Voorkeuren > Netwerk > toe om HAR te genereren met gevoelige gegevens . Het netwerkpaneel markeert de -exportknop met een pijl. Klik lang op de knop en selecteer HAR exporteren (met gevoelige gegevens) in het vervolgkeuzemenu.Chromium -probleem: 361717594 .
Elements Panel Verbeteringen
Deze versie brengt een aantal verbeteringen in het elementenpaneel .
Autocomplete waarden voor text-emphasis-*
eigenschappen
Autocomplete op het tabblad Stijlen suggereert nu waarden voor de volgende CSS -eigenschappen:
Chromium -probleem: 361471205 .
Scroll overstromen gemarkeerd met een badge
Het elementenpaneel markeert nu met een nieuwe 'scroll' -badge de elementen die overvolle inhoud bevatten en overflow: scroll
of overflow: auto
, zodat u eenvoudig overloop van de scroll kunt spotten. Net als de andere badges weerspiegelt deze badge de huidige DOM en verdwijnt als de inhoud stopt met overloopt vanwege bijvoorbeeld een grootteverandering.
Chromium -probleem: 40670442 .
Kale verklaringen na geneste regels "verschuiven niet"
In navolging van de beslissing van de CSS -werkgroep om kale verklaringen na geneste regels te laten komen , "verschuift het tabblad Styles nu deze verklaringen tijdens het parseren niet.
In het volgende codemonster zorgt de kale verklaring na de geneste regel er nu niet toe dat Chrome de stijlen in de cascade onverwacht opnieuw bestelt:
p {
width: 100px;
height: 100px;
@media screen {
background-color: red;
}
background-color: green;
}
Chroomprobleem: 358119261 .
Prestatiepaneel verbeteringen
Deze versie brengt een aantal verbeteringen in het prestatiepaneel .
Aanbevelingen in live statistieken
Live statistieken kunnen nu metrisch-specifieke aanbevelingen bieden die u helpen uw ontwikkelomgeving zo dicht mogelijk te configureren met wat uw gebruikers ervaren.
Om aanbevelingen te krijgen, stelt u veldgegevens in die ophalen van het Chrome UX -rapport (CRUX) en breidt u de sectie Lokale testomstandigheden in elke metrische kaart (indien aanwezig) uit en overweeg echte gebruikersomgevingen in de omgeving .
Volg de aanbevelingen om de ervaring van uw gebruikers te benaderen.
Navigeer broodkruimels
U kunt nu broodkruimels navigeren in de tijdlijn van een prestatie -opname: "spring" heen en weer tussen broodkruimels, overschrijven een kindergrenktjes en verwijderen meerdere kinderen. Eerder, wanneer u een ouderbradkruimel selecteerde, zouden de kinderen verdwijnen.
Verbeteringen van het geheugenpaneel
Deze versie brengt een aantal verbeteringen in het geheugenpaneel .
Nieuwe 'vrijstaande elementen' profiel
Het geheugenpaneel krijgt een nieuw profieltype - vrijstaande elementen . Het toont objecten die worden behouden door een JavaScript -referentie.
Chroomprobleem: 350519222 .
Verbeterde naamgeving van gewone JS -objecten
Om de Object
in heap -snapshots te organiseren en op te dekken, zijn gewone JavaScript -objecten nu:
- Genoemd op basis van de eigenschappen die ze bevatten, bijvoorbeeld,
{firstProperty, secondProperty, ..., *nthProperty}
. - Doorzoekbaar door deze namen die zijn geconstrueerd door DevTools.
- Gegroepeerd als ze dezelfde eigenschappen hebben.
Chroomprobleem: 350519222 .
Schakel de dynamische thema uit
U kunt nu de automatische matching van Devtools -kleuren uitschakelen met uw aangepaste themaleuren in Chrome.
Om de dynamische thema uit te schakelen, wist u
Instellingen > Voorkeuren > Uiterlijk > Match Chrome kleurenschema en herlaad DevTools.Chromium -probleem: 328472696 .
Chrome Experiment: proces delen
Wanneer u meerdere tabbladen van dezelfde website (zoals Google Docs ) opent, maakt Chrome normaal gesproken voor elk tabblad een afzonderlijk weergaveproces. Het experiment voor het delen van procesverdeling verandert dit door meerdere tabbladen in staat te stellen hetzelfde renderer -proces te delen om de prestaties te verbeteren.
Als u een bericht ziet met de melding "Dit tabblad deelt bronnen met andere tabbladen..." terwijl DevTools geopend is, maakt u deel uit van de kleine groep waarvoor het experiment Proces delen is ingeschakeld.
Procesuitwisseling kan van invloed zijn op het debuggen van breekpunt en prestatieanalyse. Zie Chrome Experiment: Process Sharing voor meer informatie.
Vuurtoren 12.2.1
Het vuurtorenpaneel draait nu vuurtoren 12.2.1.
Deze update introduceert een < 20 KB
negeren de drempel voor resource -compressiesuggesties om u te helpen zich alleen te concentreren op de zinvolle besparingen van de bestandsgrootte. Zie de volledige lijst met wijzigingen .
Chromium -probleem: 772558 .
Diverse hoogtepunten
Dit zijn enkele opmerkelijke oplossingen en verbeteringen in deze release:
- Elementen :
- Console : een niet-geëscapeerde ampersand opgelost in multi-line strings in curl-opdrachten ( 352651673 ).
- Geheugen : de standaardselectie opgelost op pagina's met servicemedewerkers, nu geselecteerde hoofddraad ( 40669896 ).
- Beveiliging : het URL -schema dat wordt benadrukt, wordt nu correct bijgewerkt als de beveiligingsfase van een oorsprongsveranderingen ( 359920086 ).
Download de voorbeeldkanalen
Overweeg om Chrome Canary , Dev of Beta te gebruiken als uw standaard ontwikkelingsbrowser. Met deze voorbeeldkanalen krijgt u toegang tot de nieuwste DevTools-functies, kunt u geavanceerde webplatform-API's testen en kunt u problemen op uw site opsporen voordat uw gebruikers dat doen!
Neem contact op met het Chrome DevTools-team
Gebruik de volgende opties om de nieuwe functies, updates of iets anders gerelateerd aan DevTools te bespreken.
- Stuur feedback en functieverzoeken naar ons op crbug.com .
- Rapporteer een DevTools-probleem met Meer opties > Help > Rapporteer een DevTools-probleem in DevTools.
- Tweet op @ChromeDevTools .
- Laat reacties achter op Wat is er nieuw in DevTools YouTube-video's of DevTools Tips YouTube-video's .
Wat is er nieuw in Devtools
Een lijst van alles wat is behandeld in de serie What's New in Devtools .
- Privacy en beveiligingspaneel
- Prestatieverbeteringen
- Gekalibreerde CPU Throttling -presets
- Selecteer verschillende prestatiegebeurtenissen in dezelfde AI -chat
- EERSTE- en DERDENDE MOGELING in prestaties
- Veldgegevens in marker -tooltips en inzichten
- Gedwongen Reflow Insight
- 'Optimaliseer DOM -grootte' inzicht
- Breid het prestatietrace uit met console.timestamp
- Elements Panel Verbeteringen
- Real-time waarden van geanimeerde stijlen
- Ondersteuning voor: open pseudo-klasse en verschillende pseudo-elementen
- Kopieer alle consoleberichten
- Byte -eenheden in het geheugenpaneel
- Diverse hoogtepunten
- Aanhoudende AI -chatgeschiedenis
- Prestatieverbeteringen
- Inzicht op afbeeldingen levering
- Klassieke en moderne toetsenbordnavigatie
- Negeer irrelevante scripts in de vlamgrafiek
- Tijdlijn marker en bereik markeren op Hover
- Aanbevolen throttling -instellingen
- Timings markers in een overlay
- Stapelsporen van JS -oproepen in samenvatting
- Badge -instellingen verplaatst naar menu in elementen
- Nieuw 'wat is nieuw' paneel
- Vuurtoren 12.3.0
- Diverse hoogtepunten
- Debug -netwerkverzoeken, bronbestanden en prestatietraces met Gemini
- Bekijk AI -chatgeschiedenis
- Beheer extensieopslag in toepassing> opslag
- Prestatieverbeteringen
- Interactiefasen in live statistieken
- Blokkerende informatie weergeven op het tabblad Samenvatting
- Ondersteuning voor planner.posttask -evenementen en hun initiatorpijlen
- Animaties paneel en elementen> Styles tab -verbeteringen
- Spring van elementen> stijlen naar animaties
- Real-time updates op het tabblad Bereken
- Bereken drukemulatie bij sensoren
- JS -objecten met dezelfde naam gegroepeerd op bron in het geheugenpaneel
- Een nieuwe look voor instellingen
- Prestatie Insights Panel is verouderd en verwijderd uit Devtools
- Diverse hoogtepunten
- Debug CSS met Gemini
- Controle AI -functies op een speciale instellingen tabblad
- Prestatiepaneel verbeteringen
- Annoteer en deel prestatiebevindingen
- Krijg prestatie -inzichten in het prestatiepaneel
- Spot buitensporige lay -outverschuivingen gemakkelijker
- Spot de niet-gecomposeerde animaties
- Hardware -gelijktijdigheid gaat naar sensoren
- Negeer anonieme scripts en concentreer je op je code in stapelsporen
- Elementen> Stijlen: ondersteuning voor zijwaarts-* Schrijfmodi voor rasteroverlays en CSS-brede zoekwoorden
- Lighthouse-audits voor niet-HTTP-pagina's in TimeSpan- en Snapshot-modi
- Verbeteringen van toegankelijkheid
- Diverse hoogtepunten
- Verbeteringen van het netwerkpaneel
- Netwerkfilters opnieuw bedacht
- HAR -exports sluiten nu standaard gevoelige gegevens uit
- Elements Panel Verbeteringen
- Autocomplete waarden voor tekst-nadruk-* eigenschappen
- Scroll overstromen gemarkeerd met een badge
- Prestatiepaneel verbeteringen
- Aanbevelingen in live statistieken
- Navigeer broodkruimels
- Verbeteringen van het geheugenpaneel
- Nieuwe 'vrijstaande elementen' profiel
- Verbeterde naamgeving van gewone JS -objecten
- Schakel de dynamische thema uit
- Chrome Experiment: proces delen
- Vuurtoren 12.2.1
- Diverse hoogtepunten
- Recorder ondersteunt export naar poppenspeler voor Firefox
- Prestatiepaneel verbeteringen
- Live Metrics Observations
- Zoekverzoeken in het netwerktraject
- Zie Stack -sporen van Performance.Mark en Performance.Measure Calls
- Gebruik testadresgegevens in het Autofill -paneel
- Elements Panel Verbeteringen
- Dwingen meer staten voor specifieke elementen
- Elementen> Stijlen voltooit nu automatisch meer roostereigenschappen
- Vuurtoren 12.2.0
- Diverse hoogtepunten
- Console -inzichten van Gemini gaan in de meeste Europese landen wonen
- Updates van het prestatiepaneel
- Verbeterde netwerktrack
- Prestatiegegevens aanpassen met extensibiliteit API
- Details in de timings track
- Kopieer alle vermelde verzoeken in het netwerkpaneel
- Snellere heap -snapshots met benoemde HTML -tags en minder rommel
- Open animaties paneel om animaties vast te leggen en @KeyFrames Live te bewerken
- Vuurtoren 12.1.0
- Verbeteringen van toegankelijkheid
- Diverse hoogtepunten
- Inspecteer CSS -ankerpositionering in het elementenpaneel
- Bronnen Paneel Verbeteringen
- Verbeterde 'hier nooit pauzeren'
- Nieuwe scroll snap -evenement luisteraars
- Verbeteringen van het netwerkpaneel
- Bijgewerkte netwerke throttling presets
- Informatie over servicemedewerker in aangepaste velden van het HAR -formaat
- Websocket -evenementen verzenden en ontvangen in het uitvoeringspaneel
- Diverse hoogtepunten
- Prestatiepaneel verbeteringen
- Verplaats en verbergen tracks met bijgewerkte trackconfiguratiemodus
- Negeer scripts in de vlamgrafiek
- Geslacht de CPU met 20 keer af
- Prestatie -inzichten paneel zal worden verouderd
- Vind overmatig geheugengebruik met nieuwe filters in heap -snapshots
- Inspecteer opslagemmers in toepassing> opslag
- Schakel zelf-XSS-waarschuwingen uit met een opdrachtregelvlag
- Vuurtoren 12.0.0
- Diverse hoogtepunten
- Begrijp fouten en waarschuwingen in de console beter met Gemini
- @Positie-try-regels Ondersteuning in elementen> stijlen
- Bronnen Paneel Verbeteringen
- Configureer automatische mooie afdrukkende en bracket-afsluiting
- Afgewezen afgewezen beloften worden erkend als betrapt
- Fout veroorzaakt in de console
- Verbeteringen van het netwerkpaneel
- Inspecteer vroege hints headers
- Verberg de watervalkolom
- Prestatiepaneel verbeteringen
- Leg CSS -selectorstatistieken vast
- Wijzig de volgorde en verberg nummers
- Negeer houders in het geheugenpaneel
- Vuurtoren 11.7.1
- Diverse hoogtepunten
- Nieuw autofillpaneel
- Verbeterde netwerkworsen voor WebRTC
- Ondersteuning van scroll-aangedreven animaties in het paneel Animaties
- Verbeterde CSS -nestondersteuning in elementen> stijlen
- Verbeterde prestatiepaneel
- Verberg functies en hun kinderen in de vlamgrafiek
- Pijlen van geselecteerde initiatiefnemers naar gebeurtenissen die ze hebben geïnitieerd
- Vuurtoren 11.6.0
- Tooltips voor speciale categorieën in het geheugen> heap snapshots
- Toepassing> Opslagupdates
- Bytes die worden gebruikt voor gedeelde opslag
- Web SQL is volledig verouderd
- Verbeteringen van het dekkingspaneel
- Het lagenpaneel kan worden verouderd
- JavaScript Profiler -afschrijving: fase vier, finale
- Diverse hoogtepunten
- Vind het paasei
- Updates voor elementenpaneel
- Emuleer een gerichte pagina in elementen> stijlen
- Kleurenkiezer, hoekklok en versoepelingeditor in
var()
fallbacks - CSS -lengtegereedschap is verouderd
- Popover voor het geselecteerde zoekresultaat in de prestaties> Hoofdspoor
- Netwerkpaneel updates
- Knop wissen en zoekfilter op het tabblad Netwerk> EventTream
- Tooltips met vrijstellingsredenen voor cookies van derden in netwerk> Cookies
- Schakel en schakel alle breekpunten in bronnen in
- Bekijk geladen scripts in devtools voor node.js
- Vuurtoren 11.5.0
- Verbeteringen van toegankelijkheid
- Diverse hoogtepunten
- De officiële verzameling recorderverlengingen is live
- Netwerkverbeteringen
- Fout reden in de statuskolom
- Verbeterde kopie -submenu
- Prestatieverbeteringen
- Breadcrumbs in de tijdlijn
- Evenementinitiators in de hoofdbaan
- JavaScript VM -exemplaar Selector -menu voor Node.js Devtools
- Nieuwe snelkoppeling en commando in bronnen
- Elementen verbeteringen
- De :: View-Transition Pseudo-element is nu bewerkbaar in stijlen
- De Eigendomsondersteuning van de Align-Content voor blokcontainers
- Houdingsondersteuning voor geëmuleerde opvouwbare apparaten
- Dynamische thema
- Cookies van derden fasemout waarschuwingen in het netwerk- en applicatiepanelen
- Vuurtoren 11.4.0
- Verbeteringen van toegankelijkheid
- Diverse hoogtepunten
- Elementen verbeteringen
- Gestroomlijnde filterbalk in het netwerkpaneel
-
@font-palette-values
ondersteuning - Ondersteunde zaak: aangepaste eigenschap als een fallback van een andere aangepaste eigenschap
- Verbeterde ondersteuningsondersteuning van de bronkaart
- Prestatiepaneel verbeteringen
- Verbeterde interacties track
- Geavanceerde filtering in bottom-up, call tree en gebeurtenislogboektabs
- Inspringende markers in het paneel Bronnen
- Handige tooltips voor overschreven headers en inhoud in het netwerkpaneel
- Nieuwe opdrachtmenu -opties voor het toevoegen en verwijderen van het blokkeerpatronen
- Het CSP -overtredingen Experiment wordt verwijderd
- Vuurtoren 11.3.0
- Verbeteringen van toegankelijkheid
- Diverse hoogtepunten
- Cookie-uitfasering van derden
- Analyseer de cookies van uw website met de Privacy Sandbox Analysis Tool
- Verbeterde listing negeren
- Standaarduitsluitpatroon voor Node_Modules
- Gevangen uitzonderingen, stop nu met de uitvoering als ze worden gepakt of door niet-aangewezen code passeren
-
x_google_ignoreList
omgedoopt totignoreList
in brongaarten - Nieuwe invoermodus schakelen tijdens externe foutopsporing
- Het elementenpaneel toont nu URL's voor #Document -knooppunten
- Effectief contentbeveiligingsbeleid in het applicatiepaneel
- Verbeterde debuggen van animaties
- 'Vertrouwt u deze code?' dialoog in bronnen en zelf-XSS-waarschuwing in console
- Evenement luisteraar breekpunten in webmedewerkers en werkplekken
- De nieuwe mediabadge voor
<audio>
en<video>
- Preloading hernoemd tot speculatieve belasting
- Vuurtoren 11.2.0
- Verbeteringen van toegankelijkheid
- Diverse hoogtepunten
- Verbeterde @property -sectie in elementen> stijlen
- Bewerkbare @property -regel
- Problemen met ongeldige @property -regels worden gerapporteerd
- Bijgewerkte lijst met apparaten om na te emuleren
- Pretty-print inline JSON in scripttags in bronnen
- Autocomplete privévelden in console
- Vuurtoren 11.1.0
- Verbeteringen van toegankelijkheid
- Web SQL -afschrijving
- Screenshot -beeldverhouding validatie in toepassing> manifest
- Diverse hoogtepunten
- Nieuwe sectie voor aangepaste eigenschappen in elementen> stijlen
- Meer lokale overschrijft verbeteringen
- Verbeterde zoekopdracht
- Verbeterde bronnenpaneel
- Gestroomlijnde werkruimte in het paneel Bronnen
- Opnieuw bestellen in bronnen
- Syntaxis met markering en mooie afdrukken voor meer scripttypen
- Emuleer voorkeurs-gereduceerde transparantie media-functie
- Vuurtoren 11
- Verbeteringen van toegankelijkheid
- Diverse hoogtepunten
- Verbeteringen van het netwerkpaneel
- Overschrijf de webinhoud lokaal zelfs nog sneller
- Overschrijven de inhoud van XHR- en ophaalverzoeken
- Verberg chrome extensieverzoeken
- Mens-leesbare HTTP-statuscodes
Prestaties: zie de wijzigingen in haalprioriteit voor netwerkgebeurtenissen
- Bronnen -instellingen Standaard ingeschakeld: code vouwen en automatisch bestand onthullen
- Verbeterde foutopsporing van cookie-problemen van derden
- Nieuwe kleuren
- Vuurtoren 10.4.0
- Debug -voorspellingen in het applicatiepaneel
- De C/C ++ WebAssembly Debugging Extension voor Devtools is nu open source
- Diverse hoogtepunten
- (Experimentele) Nieuwe rendering-emulatie: voorkeurs-gereduceerde transparantie
- (Experimenteel) Verbeterde protocolmonitor
- Verbeterde foutopsporing van ontbrekende stylesheets
- Lineaire timingondersteuning in elementen> Styles> Easing Editor
- Opslagemmers ondersteuning en metadata -weergave
- Vuurtoren 10.3.0
- Toegankelijkheid: toetsenbordopdrachten en verbeterde schermlezing
- Diverse hoogtepunten
- Elementen verbeteringen
- Nieuwe CSS Subgrid -badge
- Selector -specificiteit in tooltips
- Waarden van aangepaste CSS -eigenschappen in tooltips
- Bronnen verbeteringen
- CSS Syntax Markering
- Snelkoppeling om voorwaardelijke breekpunten in te stellen
- Toepassing> Bounce tracking mitigaties
- Vuurtoren 10.2.0
- Negeer content scripts standaard
- Netwerk> Verbeteringen van respons
- Diverse hoogtepunten
- Webassembly Debugging -ondersteuning
- Verbeterd stappengedrag in wasm -apps
- Debug autofill met het tabblad Elements Paneel en problemen
- Beweringen in recorder
- Vuurtoren 10.1.1
- Prestatieverbeteringen
- Performance.mark () toont timing bij Hover in Performance> Timings
- Profile () Commandopplantprestaties> Main
- Waarschuwing voor trage gebruikersinteracties
- Web Vitals updates
- JavaScript Profiler -afschrijving: fase drie
- Diverse hoogtepunten
- Negride Network Response Headers
- Nuxt, Vite en Rollup Debugging -verbeteringen
- CSS -verbeteringen in elementen> stijlen
- Ongeldige CSS -eigenschappen en waarden
- Links naar belangrijke frames in de eigenschap Animation Shorthand
- Nieuwe console -instelling: autocomplete op Enter
- Opdrachtmenu benadrukt geschreven bestanden
- JavaScript Profiler -afschrijving: fase twee
- Diverse hoogtepunten
- Recorderupdates
- Recorder herhalingsuitbreidingen
- Record met Pierce -selectors
- Exporteer opnames als poppenspeler scripts met vuurtorenanalyse
- Ontvang extensies voor een recorder
- Elementen> Stijlen updates
- CSS -documentatie in het Styles -deelvenster
- CSS Nesting Support
- Logpoints en voorwaardelijke breekpunten in de console markeren
- Negeer irrelevante scripts tijdens het debuggen
- JavaScript Profiler -afschrijving begon
- Laag contrast emuleren
- Vuurtoren 10
- Diverse hoogtepunten
- Debuggen HD -kleur met de Styles -paneel
- Verbeterde breekpunt ux
- Aanpasbare recorder snelkoppelingen
- Betere Syntax -hoogtepunt voor Angular
- Reorganiseer caches in het applicatiepaneel
- Diverse hoogtepunten
- Prestatiepaneel wissen bij herladen
- Recorderupdates
- Bekijk en markeer de code van uw gebruikersstroom in de recorder
- Pas selector -soorten van een opname aan
- Bewerk gebruikersstroom tijdens het opnemen
- Automatisch op de plaats mooie print
- Betere syntaxis Hoogtepunten en inline preview voor Vue, SCSS en meer
- Ergonomische en consistente autocomplete in de console
- Diverse hoogtepunten
- Recorder: kopieer als opties voor stappen, op-pagina opnieuw afspelen, Step's contextmenu
- Toon werkelijke functienamen in de opnames van Performance
- Nieuwe sneltoetsen in het paneel Console & Sources
- Verbeterde JavaScript -foutopsporing
- Diverse hoogtepunten
- [Experimenteel] verbeterde UX bij het beheren van breekpunten
- [Experimenteel] Automatisch op de plaats Place Pretty Print
- Hints voor inactieve CSS -eigenschappen
- Auto-detect XPath- en tekstselectors in het paneel Recorder
- Stap door door komma gescheiden uitdrukkingen
- Verbeterde negeerlijstinstelling
- Diverse hoogtepunten
- Pas sneltoetsen aan in devtools aan
- Schakel lichte en donkere thema's met toetsenbord snelkoppeling
- Markeer c/c ++ objecten in de geheugeninspecteur
- Ondersteuning van volledige initiatorinformatie voor HAR -import
- Start Dom Search Nadat u op
Enter
hebt gedrukt - Display
start
andend
-pictogrammen voor CSS Flexbox-eigenschappen vanalign-content
- Diverse hoogtepunten
- Groepsbestanden door geschreven / geïmplementeerd in het paneel Bronnen
- Gekoppelde stapelsporen voor asynchrone bewerkingen
- Negeer automatisch bekende scripts van derden
- Verbeterde call stack tijdens foutopsporing
- Verbergde bronnen van negeren genoteerd in het bronnenpaneel
- Verborgen negeren-genoteerde bestanden in het opdrachtmenu
- Nieuwe interacties track in het prestatiepaneel
- LCP Timings Breakdown in het paneel Performance Insights
- Auto-generaat standaardnaam voor opnames in het paneel Recorder
- Diverse hoogtepunten
- Stapsgewijze herhaling in de recorder
- Ondersteuning muis over evenement in het recorderpaneel
- Grootste contentful verf (LCP) in het paneel Performance Insights
- Identificeer tekstflitsen (FOIT, FOUT) als potentiële oorzaken voor lay -outverschuivingen
- Protocol handlers in het manifeste paneel
- Top Layer Badge in het elementenpaneel
- Voeg tijdens runtime zeldzame informatie toe
- Ondersteuning live bewerking tijdens foutopsporing
- Bekijk en bewerk @scope op regels in het deelvenster Styles
- Bronkaartverbeteringen
- Diverse hoogtepunten
- Start het frame opnieuw op tijdens het debuggen
- Slow Replay -opties in het paneel Recorder
- Bouw een extensie voor het recorderpaneel
- Groepsbestanden door geschreven / geïmplementeerd in het paneel Bronnen
- Nieuwe gebruikstijdtimings track in het paneel Performance Insights
- Onthul toegewezen slot van een element
- Simuleer hardware gelijktijdigheid voor prestatie -opnames
- Voorbeeld niet-kleurwaarde bij het automatisch invullen van CSS-variabelen
- Identificeer blokkeerframes in de back/forward cache paneel
- Verbeterde autocomplete suggesties voor JavaScript -objecten
- Bronkaarten Verbeteringen
- Diverse hoogtepunten
- Maak dubbelklik en klik met de rechtermuisknop in evenementen in het paneel Recorder
- Nieuwe TimeSpan- en Snapshot -modus in het vuurtorenpaneel
- Verbeterde zoomregeling in het paneel Performance Insights
- Bevestig om een prestatie -opname te verwijderen
- Opnieuw bestellen in het elementenpaneel
- Een kleur kiezen buiten de browser
- Verbeterde preview van inline waarde tijdens foutopsporing
- Ondersteuning van grote blobs voor virtuele authenticators
- Nieuwe sneltoetsen in het paneel Bronnen
- Bronkaarten Verbeteringen
- Preview -functie: nieuw Performance Insights -paneel
- Nieuwe snelkoppelingen om lichte en donkere thema's na te bootsen
- Verbeterde beveiliging op het tabblad Netwerkvoorbeeld
- Verbeterde herladen bij breekpunt
- Console -updates
- Annuleer de opname van de gebruikersstroom bij het begin
- Display geërfde hoogtepunt pseudo-elementen in het Styles-paneel
- Diverse hoogtepunten
- [Experimenteel] Kopieer CSS -veranderingen
- [Experimenteel] Kleur plukken buiten de browser
- Gebruikersstromen importeren en exporteren als een JSON -bestand
- Bekijk Cascade -lagen in het Styles -deelvenster
- Ondersteuning voor de kleurfunctie
hwb()
- Verbeterde de weergave van privé -eigenschappen
- Diverse hoogtepunten
- [Experimenteel] Nieuwe TimeSpan- en Snapshot -modus in het vuurtorenpaneel
- Bekijk en bewerk @supports op regels in het Styles -paneel
- Ondersteuning standaard gemeenschappelijke selectors
- Pas de selector van de opname aan
- Hernoem een opname
- Preview klasse/functie -eigenschappen op Hover
- Gedeeltelijk gepresenteerde frames in het prestatiepaneel
- Diverse hoogtepunten
- Throttling Websocket -verzoeken
- Nieuw rapportage API -deelvenster in het applicatiepaneel
- Ondersteuning wachten tot het element zichtbaar/klikbaar is in het paneel Recorder
- Betere console -styling, opmaak en filteren
- Debug Chrome Extension met bronkaartbestanden
- Verbeterde bronmap in het paneel Bronnen
- Worker -bronbestanden weergeven in het paneel Bronnen
- Chrome's Auto Dark Theme Updates
- Aanraakvriendelijke kleur-picker en split-paneel
- Diverse hoogtepunten
- Preview-functie: toegankelijkheidsboom op volledige pagina
- Meer precieze wijzigingen in het tabblad Wijzigingen
- Stel een langere time -out in voor opname van gebruikersstroom
- Zorg ervoor dat uw pagina's in de cache zijn met het tabblad Back/Forward Cache
- Nieuw eigenschappenpaneelfilter
- Emuleer de CSS Forced-Color Media-functie
- Toon heersers over Hover Command
- Steun
row-reverse
encolumn-reverse
in de flexbox-editor - Nieuwe sneltoetsen om XHR opnieuw te spelen en alle zoekresultaten uit te breiden
- Vuurtoren 9 in het vuurtorenpaneel
- Verbeterde bronnenpaneel
- Diverse hoogtepunten
- [Experimentele] Eindpunten in het rapportage API -paneel
- Preview -functie: nieuw recorderpaneel
- Vernieuw de apparaatlijst in de apparaatmodus
- Autocomplete met bewerken als HTML
- Verbeterde code debugging -ervaring
- Devtools -instellingen synchroniseren tussen apparaten
- Preview -functie: nieuw CSS -overzichtspaneel
- Gerestaureerde en verbeterde CSS -lengte bewerking en kopieer experince
- Emuleer de CSS-voorkeurs-contrast media-functie
- Emuleer het Auto Dark Theme Feature van het Chrome
- Kopieerverklaringen als JavaScript in het Styles -deelvenster
- Nieuw tabblad Payload in het netwerkpaneel
- Verbeterde de weergave van eigenschappen in het deelvenster Eigenschappen
- Optie om CORS -fouten in de console te verbergen
- Juiste
Intl
-objecten Voorbeeld en evaluatie in de console - Consistente async -stapel sporen
- Behoud de console -zijbalk
- Verouderde cache -paneel voor aanvraag in het aanvraagpaneel
- [Experimenteel] Nieuw rapportage API -deelvenster in het applicatiepaneel
- Nieuwe CSS -lengte -authoring tools
- Verberg problemen in het tabblad Problemen
- Verbeterde de weergave van eigenschappen
- Vuurtoren 8.4 in het vuurtorenpaneel
- Sorteer fragmenten in het paneel Bronnen
- Nieuwe links naar vertaalde release -notes en rapporteer een vertaalbug
- Verbeterde UI voor het opdrachtmenu DevTools
- Use DevTools in your preferred language
- New Nest Hub devices in the Device list
- Origin trials in the Frame details view
- New CSS container queries badge
- New checkbox to invert the network filters
- Upcoming deprecation of the Console sidebar
- Display raw
Set-Cookies
headers in the Issues tab and Network panel - Consistent display native accessors as own properties in the Console
- Proper error stack traces for inline scripts with #sourceURL
- Change color format in the Computed pane
- Replace custom tooltips with native HTML tooltips
- [Experimental] Hide issues in the Issues tab
- Editable CSS container queries in the Styles pane
- Web bundle preview in the Network panel
- Attribution Reporting API debugging
- Better string handling in the Console
- Improved CORS debugging
- Lighthouse 8.1
- New note URL in the Manifest pane
- Fixed CSS matching selectors
- Pretty-printing JSON responses in the Network panel
- CSS grid editor
- Support for
const
redeclarations in the Console - Source order viewer
- New shortcut to view frame details
- Enhanced CORS debugging support
- Rename XHR label to Fetch/XHR
- Filter Wasm resource type in the Network panel
- User-Agent Client Hints for devices in the Network conditions tab
- Report Quirks mode issues in the Issues tab
- Include Compute Intersections in the Performance panel
- Lighthouse 7.5 in the Lighthouse panel
- Deprecated "Restart frame" context menu in the call stack
- [Experimental] Protocol monitor
- [Experimental] Puppeteer Recorder
- Web Vitals information pop up
- New Memory inspector
- Visualize CSS scroll-snap
- New badge settings pane
- Enhanced image preview with aspect ratio information
- New network conditions button with options to configure
Content-Encoding
s - shortcut to view computed value
-
accent-color
keyword - Categorize issue types with colors and icons
- Delete Trust tokens
- Blocked features in the Frame details view
- Filter experiments in the Experiments setting
- New
Vary Header
column in the Cache storage pane - Support JavaScript private brand check
- Enhanced support for breakpoints debugging
- Support hover preview with
[]
notation - Improved outline of HTML files
- Proper error stack traces for Wasm debugging
- New CSS flexbox debugging tools
- New Core Web Vitals overlay
- Moved issue count to the Console status bar
- Report Trusted Web Activity issues
- Format strings as (valid) JavaScript string literals in the Console
- New Trust Tokens pane in the Application panel
- Emulate the CSS color-gamut media feature
- Improved Progressive Web Apps tooling
- New
Remote Address Space
column in the Network panel - Performance improvements
- Display allowed/disallowed features in the Frame details view
- New
SameParty
column in the Cookies pane - Deprecated non-standard
fn.displayName
support - Deprecation of
Don't show Chrome Data Saver warning
in the Settings menu - [Experimental] Automatic low-contrast issue reporting in the Issues tab
- [Experimental] Full accessibility tree view in the Elements panel
- Debugging support for Trusted Types violations
- Capture node screenshot beyond viewport
- New Trust Tokens tab for network requests
- Lighthouse 7 in the Lighthouse panel
- Support forcing the CSS
:target
state - New shortcut to duplicate element
- Color pickers for custom CSS properties
- New shortcuts to copy CSS properties
- New option to show URL-decoded cookies
- Clear only visible cookies
- New option to clear third-party cookies in the Storage pane
- Edit User-Agent Client Hints for custom devices
- Persist "record network log" setting
- View WebTransport connections in the Network panel
- "Online" renamed to "No throttling"
- New copy options in the Console, Sources panel, and Styles pane
- New Service Workers information in the Frame details view
- Measure Memory information in the Frame details view
- Provide feedback from the Issues tab
- Dropped frames in the Performance panel
- Emulate foldable and dual-screen in Device Mode
- [Experimental] Automate browser testing with Puppeteer Recorder
- [Experimental] Font editor in the Styles pane
- [Experimental] CSS flexbox debugging tools
- [Experimental] New CSP Violations tab
- [Experimental] New color contrast calculation - Advanced Perceptual Contrast Algorithm (APCA)
- Faster DevTools startup
- New CSS angle visualization tools
- Emulate unsupported image types
- Simulate storage quota size in the Storage pane
- New Web Vitals lane in the Performance panel
- Report CORS errors in the Network panel
- Cross-origin isolation information in the Frame details view
- New Web Workers information in the Frame details view
- Display opener frame details for opened windows
- Open Network panel from the Service Workers pane
- Copy property value
- Copy stacktrace for network initiator
- Preview Wasm variable value on mouseover
- Evaluate Wasm variable in the Console
- Consistent units of measurement for file/memory sizes
- Highlight pseudo elements in the Elements panel
- [Experimental] CSS Flexbox debugging tools
- [Experimental] Customize chords keyboard shortcuts
- New CSS Grid debugging tools
- New WebAuthn tab
- Move tools between top and bottom panel
- New Computed sidebar pane in the Styles pane
- Grouping CSS properties in the Computed pane
- Lighthouse 6.3 in the Lighthouse panel
-
performance.mark()
events in the Timings section - New
resource-type
andurl
filters in the Network panel - Frame details view updates
- Deprecation of
Settings
in the More tools menu - [Experimental] View and fix color contrast issues in the CSS Overview panel
- [Experimental] Customize keyboard shortcuts in DevTools
- New Media panel
- Capture node screenshots using Elements panel context menu
- Issues tab updates
- Emulate missing local fonts
- Emulate inactive users
- Emulate
prefers-reduced-data
- Support for new JavaScript features
- Lighthouse 6.2 in the Lighthouse panel
- Deprecation of "other origins" listing in the Service Workers pane
- Show coverage summary for filtered items
- New frame details view in Application panel
- Accessible color suggestion in the Styles pane
- Reinstate Properties pane in the Elements panel
- Human-readable
X-Client-Data
header values in the Network panel - Auto-complete custom fonts in the Styles pane
- Consistently display resource type in Network panel
- Clear buttons in the Elements and Network panels
- Style editing for CSS-in-JS frameworks
- Lighthouse 6 in the Lighthouse panel
- First Meaningful Paint (FMP) deprecation
- Support for new JavaScript features
- New app shortcut warnings in the Manifest pane
- Service worker
respondWith
events in the Timing tab - Consistent display of the Computed pane
- Bytecode offsets for WebAssembly files
- Line-wise copy and cut in Sources Panel
- Console settings updates
- Performance panel updates
- New icons for breakpoints, conditional breakpoints, and logpoints
- Fix site issues with the new Issues tab
- View accessibility information in the Inspect Mode tooltip
- Performance panel updates
- More accurate promise terminology in the Console
- Styles pane updates
- Deprecation of the Properties pane in the Elements panel
- App shortcuts support in the Manifest pane
- Emulate vision deficiencies
- Emulate locales
- Cross-Origin Embedder Policy (COEP) debugging
- New icons for breakpoints, conditional breakpoints, and logpoints
- View network requests that set a specific cookie
- Dock to left from the Command Menu
- The Settings option in the Main Menu has moved
- The Audits panel is now the Lighthouse panel
- Delete all Local Overrides in a folder
- Updated Long Tasks UI
- Maskable icon support in the Manifest pane
- Moto G4 support in Device Mode
- Cookie-related updates
- More accurate web app manifest icons
- Hover over CSS
content
properties to see unescaped values - Source map errors in the Console
- Setting for disabling scrolling past the end of a file
- Support for
let
andclass
redeclarations in the Console - Improved WebAssembly debugging
- Request Initiator Chains in the Initiator tab
- Highlight the selected network request in the Overview
- URL and path columns in the Network panel
- Updated User-Agent strings
- New Audits panel configuration UI
- Per-function or per-block code coverage modes
- Code coverage must now be initiated by a page reload
- Debug why a cookie was blocked
- View cookie values
- Simulate different prefers-color-scheme and prefers-reduced-motion preferences
- Code coverage updates
- Debug why a network resource was requested
- Console and Sources panels respect indentation preferences again
- New shortcuts for cursor navigation
- Multi-client support in the Audits panel
- Payment Handler debugging
- Lighthouse 5.2 in the Audits panel
- Largest Contentful Paint in the Performance panel
- File DevTools issues from the Main Menu
- Copy element styles
- Visualize layout shifts
- Lighthouse 5.1 in the Audits panel
- OS theme syncing
- Keyboard shortcut for opening the Breakpoint Editor
- Prefetch cache in the Network panel
- Private properties when viewing objects
- Notifications and push messages in the Application panel
- Autocomplete with CSS values
- A new UI for network settings
- WebSocket messages in HAR exports
- HAR import and export buttons
- Real-time memory usage
- Service worker registration port numbers
- Inspect Background Fetch and Background Sync events
- Puppeteer for Firefox
- Meaningful presets when autocompleting CSS functions
- Clear site data from the Command Menu
- View all IndexedDB databases
- View a resource's uncompressed size on hover
- Inline breakpoints in the Breakpoints pane
- IndexedDB and Cache resource counts
- Setting for disabling the detailed Inspect tooltip
- Setting for toggling tab indentation in the Editor
- Highlight all nodes affected by CSS property
- Lighthouse v4 in the Audits panel
- WebSocket binary message viewer
- Capture area screenshot in the Command Menu
- Service worker filters in the Network panel
- Performance panel updates
- Long tasks in Performance panel recordings
- First Paint in the Timing section
- Bonus tip: Shortcut for viewing RGB and HSL color codes (video)
- Logpoints
- Detailed tooltips in Inspect Mode
- Export code coverage data
- Navigate the Console with a keyboard
- AAA contrast ratio line in the Color Picker
- Save custom geolocation overrides
- Code folding
- Frames tab renamed to Messages tab
- Bonus tip: Network panel filtering by property (video)
- Visualize performance metrics in the Performance panel
- Highlight text nodes in the DOM Tree
- Copy the JS path to a DOM node
- Audits panel updates , including a new audit that detects JS libraries and new keywords for accessing the Audits panel from the Command Menu
- Bonus tip: Use Device Mode to inspect media queries (video)
- Hover over a Live Expression result to highlight a DOM node
- Store DOM nodes as global variables
- Initiator and priority information now in HAR imports and exports
- Access the Command Menu from the Main Menu
- Picture-in-Picture breakpoints
- Bonus tip: Use
monitorEvents()
to log a node's fired events in the Console (video) - Live Expressions in the Console
- Highlight DOM nodes during Eager Evaluation
- Performance panel optimizations
- More reliable debugging
- Enable network throttling from the Command Menu
- Autocomplete Conditional Breakpoints
- Break on AudioContext events
- Debug Node.js apps with ndb
- Bonus tip: Measure real world user interactions with the User Timing API
- Eager Evaluation
- Argument hints
- Function autocompletion
- ES2017 keywords
- Lighthouse 3.0 in the Audits panel
- BigInt support
- Adding property paths to the Watch pane
- "Show timestamps" moved to Settings
- Bonus tip: Lesser-known Console methods (video)
- Search across all network headers
- CSS variable value previews
- Copy as fetch
- New audits, desktop configuration options, and viewing traces
- Stop infinite loops
- User Timing in the Performance tabs
- JavaScript VM instances clearly listed in the Memory panel
- Network tab renamed to Page tab
- Dark theme updates
- Certificate transparency information in the Security panel
- Site isolation features in the Performance panel
- Bonus tip: Layers panel + Animations Inspector (video)
- Blackboxing in the Network panel
- Auto-adjust zooming in Device Mode
- Pretty-printing in the Preview and Response tabs
- Previewing HTML content in the Preview tab
- Local Overrides support for styles inside of HTML
- Bonus tip: Blackbox framework scripts to make Event Listener Breakpoints more useful
- Local Overrides
- New accessibility tools
- The Changes tab
- New SEO and performance audits
- Multiple recordings in the Performance panel
- Reliable code stepping with workers in async code
- Bonus tip: Automate DevTools actions with Puppeteer (video)
- Performance Monitor
- Console Sidebar
- Group similar Console messages
- Bonus tip: Toggle hover pseudo-class (video)
- Multi-client remote debugging support
- Workspaces 2.0
- 4 new audits
- Simulate push notifications with custom data
- Trigger background sync events with custom tags
- Bonus tip: Event listener breakpoints (video)
- Top-level await in the Console
- New screenshot workflows
- CSS Grid highlighting
- A new Console API for querying objects
- New Console filters
- HAR imports in the Network panel
- Previewable cache resources
- More predictable cache debugging
- Block-level code coverage
- Mobile device throttling simulation
- View storage usage
- View when a service worker cached responses
- Enable the FPS meter from the Command Menu
- Set mousewheel behavior to zoom or scroll
- Debugging support for ES6 modules
- New Audits panel
- 3rd-Party Badges
- A new gesture for Continue To Here
- Step into async
- More informative object previews in the Console
- More informative context selection in the Console
- Real-time updates in the Coverage tab
- Simpler network throttling options
- Async stacks on by default
- CSS and JS code coverage
- Full-page screenshots
- Block requests
- Step over async await
- Unified Command Menu