Op deze pagina ziet u hoe u Chrome DevTools kunt aanpassen.
Instellingen
Instellingen > Voorkeuren bevat veel opties voor het aanpassen van DevTools.
Zie Open Instellingen en Voorkeuren .
Donker thema
U kunt het donkere thema inschakelen via Instellingen of het Opdrachtmenu .
- Open het opdrachtmenu .
Begin met het typen van
dark, selecteer de opdracht Overschakelen naar donker thema en druk op Enter om de opdracht uit te voeren.U kunt uw thema ook instellen via > Voorkeuren > Weergave > Thema's .
Dynamisch thema
DevTools kan automatisch het kleurenthema van Chrome aanpassen.
Om een thema in te stellen:
- Open een nieuw tabblad en klik rechtsonder op Chrome aanpassen .
- Kies in Uiterlijk een thema via , Wijzig thema's of selecteer een kleurenpalet.
Om dynamische thema's uit te schakelen, wist u Instellingen > Voorkeuren > Weergave > Pas het Chrome-kleurenschema aan en laadt u DevTools opnieuw.
Lade
De Lade bevat veel verborgen functies.
Druk op Escape om de lade te openen of te sluiten.
Klik op Meer hulpmiddelen om andere tabbladen van de lade te openen.
Wijzig de DevTools-plaatsing
Standaard is DevTools aan de rechterkant van uw viewport vastgezet. U kunt DevTools ook aan de onderkant of linkerkant vastzetten, of loskoppelen in een apart venster.
U kunt de plaatsing van DevTools op twee manieren wijzigen:
- Hoofdmenu : Open Aanpassen en beheren van DevTools en klik op:
- Loskoppelen in apart venster
- Dock naar links
- Dock naar beneden
- Dock naar rechts
Opdrachtmenu :
- Open het opdrachtmenu .
- Begin met
docken selecteer een van de voorgestelde opties: vastzetten onder, links, rechts, loskoppelen of laatste vastzetpositie herstellen.
Om de optie Laatste dockpositie herstellen in of uit te schakelen met een sneltoets, drukt u op:
- Op Linux of Windows: Control + Shift + D
- Op MacOS: Command + Shift + D
Panelen, tabbladen en deelvensters opnieuw ordenen
Om de volgorde te wijzigen, klikt u op een van de volgende opties en sleept u deze naar links of rechts:
- Panelen bovenaan DevTools.
- Deelvensters in het Elementenpaneel , zoals Stijlen , Berekend , Lay-out en andere.
- Deelvensters in het paneel Bronnen , zoals Pagina , Werkruimte , Overschrijvingen en andere.
- Ladetabbladen aan de onderkant van DevTools.
U kunt ook panelen en tabbladen omhoog en omlaag verplaatsen naar en van de lade . Klik hiervoor met de rechtermuisknop op het paneel of tabblad en selecteer 'Naar boven' of 'Naar onder' in het dropdownmenu.
Uw aangepaste tabvolgorde blijft behouden tijdens alle DevTools-sessies.
Paneelindeling
Standaard herschikt DevTools de indeling van uw paneel automatisch op basis van de venstergrootte. U kunt deze automatische herschikking uitschakelen. Ga naar > Voorkeuren > Weergave en pas de indeling van het paneel aan naar uw voorkeur.
Zo wordt het deelvenster Stijlen in het deelvenster Elementen bijvoorbeeld van de zijkant naar de onderkant verplaatst wanneer het scherm klein is. Als u wilt dat het deelvenster Stijl altijd aan de zijkant blijft, wijzigt u de paneelindeling in verticaal .
Wijzig de DevTools UI-taal
Zie Instellingen > Voorkeuren > Weergave > Taal .
Synchronisatie-instellingen
U kunt uw DevTools-instellingen op meerdere apparaten synchroniseren.
Om synchronisatie in te schakelen, schakelt u eerst Chrome-synchronisatie in. Zodra dit is ingeschakeld, worden uw DevTools-instellingen standaard gesynchroniseerd.
U kunt de synchronisatie van DevTools-instellingen afzonderlijk in- of uitschakelen via de Instellingen > Synchronisatie > Schakel synchronisatie van instellingen in.
DevTools synchroniseert de meeste instellingen, behalve die op de tabbladen Werkruimte , Experimenten en Apparaten , en een paar andere algemene instellingen. De status van het selectievakje 'Instellingen synchroniseren inschakelen' wordt ook gesynchroniseerd tussen apparaten.
De volgende Weergave -instellingen worden bijvoorbeeld gesynchroniseerd, zodat u een consistente ervaring hebt op al uw apparaten en u dezelfde instellingen niet opnieuw hoeft te definiëren.
De dock -instellingen worden echter niet gesynchroniseerd, omdat ontwikkelaars verschillende dock-voorkeuren hebben bij het debuggen op verschillende sites.
Sneltoetsen aanpassen
Zie Instellingen > Snelkoppelingen .