Deze pagina is vertaald door de Cloud Translation API.

Wat is er nieuw in DevTools (Chrome 107)

Jecelyn Yeen

Pas sneltoetsen aan in DevTools

U kunt nu sneltoetsen aanpassen voor uw favoriete opdrachten in DevTools.

Ga naar Instellingen > Sneltoetsen , beweeg de muis over een opdracht en klik op de knop Bewerken (pen-icoon) om de sneltoets aan te passen. Je kunt ook akkoorden maken (ook wel sneltoetsen genoemd).

Pas sneltoetsen aan in DevTools.

Chromium-problemen: 1335274 , 174309

Schakel lichte en donkere thema's in en uit met een sneltoets

Configureer een sneltoets om gemakkelijk tussen lichte en donkere thema's te schakelen. Standaard is de actie niet gekoppeld aan een sneltoets.

Schakel tussen lichte en donkere thema's met sneltoetsen.

Chromium-problemen: 1280398 , 1226363

Markeer C/C++-objecten in de geheugeninspector

De geheugeninspector markeert alle bytes van een C/C++-geheugenobject.

Het herkennen van de bytes van een object in het omringende WebAssembly-geheugen was een lastig punt. Je moest de grootte van het object kennen en de bytes vanaf het begin tellen.

Met deze functie kunt u ze onderscheiden van het omringende geheugen. Zie Uitbreiding van de Memory Inspector voor C/C++-foutopsporing voor meer informatie over de wijzigingen.

Markeer C/C++-objecten in de geheugeninspector.

Chromium-probleem: 1336568

Ondersteunt volledige initiatorinformatie voor HAR-import

Volledige initiatorinformatie is nu beschikbaar voor HAR-import . Voorheen toonde het Netwerkpaneel slechts gedeeltelijke initiatorinformatie tijdens het importeren.

Met de initiatorinformatie kunnen ontwikkelaars de oorsprong van een netwerkaanvraag achterhalen en netwerkgerelateerde problemen identificeren.

Ondersteunt volledige initiatorinformatie voor HAR-import.

Chromium-probleem: 1343185

Start DOM-zoekopdracht na het indrukken van `Enter`

U kunt nu de instelling Zoeken terwijl u typt uitschakelen, zodat de DOM-zoekopdracht altijd start nadat u op Enter hebt gedrukt.

In het Elementenpaneel kunt u de zoekbalk in- of uitschakelen met Control of Command + F. Terwijl u een zoekopdracht in het zoekvak typt, springt de DOM-boom naar het eerste overeenkomende element en markeert dit standaard.

Voor gebruikers, met name testers die altijd met lange zoekopdrachten werken, is dit gedrag niet ideaal. De DOM-tree kan meerdere keren verspringen terwijl u een lange zoekopdracht typt (bijv. //div[@id="example"] ). Dit gedrag veroorzaakt onnodige beweging.

Ga naar Instellingen > Voorkeuren en schakel 'Zoeken tijdens typen' uit. Met deze wijziging start de zoekopdracht pas nadat u op Enter hebt gedrukt.

Chromium-probleem: 1344526

Geef `start` en `end` weer voor `align-content` CSS flexbox-eigenschappen

Bewerk in het deelvenster Stijlen de eigenschappen align-content in een CSS-klasse met display: flex of display: inline-flex . Het start en end worden weergegeven in de vervolgkeuzelijst voor automatisch aanvullen met pictogrammen.

align-content flexbox-eigenschappen.

Chromium-probleem: 1139945

Diverse hoogtepunten

Geef het juiste aantal berichten weer in de consolezijbalk . Voorheen werden de aantallen niet vernieuwd bij het wissen van consoleberichten. ( 1343311 )

Download de previewkanalen

Overweeg Chrome Canary , Dev of Beta als uw standaard ontwikkelbrowser te gebruiken. Deze previewkanalen geven u toegang tot de nieuwste DevTools-functies, laten u geavanceerde webplatform-API's testen en helpen u problemen op uw site te ontdekken voordat uw gebruikers dat doen!

Neem contact op met het Chrome DevTools-team

Gebruik de volgende opties om nieuwe functies, updates of iets anders met betrekking tot DevTools te bespreken.

Geef uw feedback en verzoeken voor nieuwe functies door aan crbug.com .
Meld een DevTools-probleem met Meer opties > Help > Meld een DevTools-probleem in DevTools.
Tweet naar @ChromeDevTools .
Laat een reactie achter in de YouTube-video's 'Wat is er nieuw in DevTools' of in de YouTube-video's 'DevTools Tips' .